1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4
4<script id="ma360-site-settings-json" type="application/json">{"siteSettings":{"global":{"brand":{"primaryLogoUrl":"/assets/black.png","primaryLogoAlt":"MarkAge360","alternateLogoUrl":"/assets/markage360-white.png","alternateLogoAlt":"MarkAge360","faviconUrl":"/assets/markage360-favicon-blue.png","leadModalLogoUrl":"/assets/markage360-white.png","footerLogoUrl":"/assets/markage360-white.png"},"logoPlacements":{"default-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Default desktop header logo when a page does not have a specific placement below."},"default-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Default tablet header logo when a page does not have a specific placement below."},"default-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Default mobile header logo when a page does not have a specific placement below."},"home-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by the homepage header on desktop."},"home-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by the homepage header on tablet."},"home-mobile-header":{"logoKey":"alternateLogoUrl","customLogoUrl":"","note":"Logo used by the homepage header on mobile."},"about-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by the About page header on desktop."},"about-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by the About page header on tablet."},"about-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by the About page header on mobile."},"services-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Services and all service pages on desktop."},"services-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Services and all service pages on tablet."},"services-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Services and all service pages on mobile."},"knowledge-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by 360Lens and knowledge pages on desktop."},"knowledge-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by 360Lens and knowledge pages on tablet."},"knowledge-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by 360Lens and knowledge pages on mobile."},"work-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Work and case study pages on desktop."},"work-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Work and case study pages on tablet."},"work-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Work and case study pages on mobile."},"careers-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Careers on desktop."},"careers-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Careers on tablet."},"careers-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Careers on mobile."},"contact-desktop-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Contact on desktop."},"contact-tablet-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Contact on tablet."},"contact-mobile-header":{"logoKey":"primaryLogoUrl","customLogoUrl":"","note":"Logo used by Contact on mobile."},"all-devices-lead-modal":{"logoKey":"leadModalLogoUrl","customLogoUrl":"","note":"Logo used in the shared Book a Call / lead modal."},"all-devices-footer":{"logoKey":"footerLogoUrl","customLogoUrl":"","note":"Logo used in the shared footer."},"all-devices-favicon":{"logoKey":"faviconUrl","customLogoUrl":"","note":"Icon used by browser tabs across the public website."}},"useNextWidget":true,"updatedAt":"2026-07-26T07:49:54.094Z","updatedBy":"user_admin"},"homeHero":{"videoUrl":"","posterUrl":"","altText":"","overlayAltText":"","sourceType":"url","autoplay":true,"mutedLoop":true,"clipStartSeconds":0,"clipEndSeconds":null,"durationSeconds":null},"pages":{"about":{"seo":{"title":"About MarkAge360 | Digital Marketing Company Since 2020","description":"MarkAge360 has been an integrated digital marketing company since 2020: strategy, creative, social media, search, web and analytics, from Gurugram.","focusKeyword":"digital marketing company","ogTitle":"About MarkAge360 | Digital Marketing Company Since 2020","ogDescription":"MarkAge360 has been an integrated digital marketing company since 2020: strategy, creative, social media, search, web and analytics, from Gurugram.","ogImageUrl":"/assets/about-us/MarkAge360-office-building.webp","canonicalPath":"https://markage360.com/about","noindex":false},"design":{"squareColor":"#D6312B","circleColor":"#1D4FA3","triangleColor":"#F5C518","inkColor":"#0A0B0D"},"hero":{"index":"00 / About","metaLine":"MarkAge360 - Est. 2020 - Gurugram, IN","kicker":"Who we are","titlePrefix":"We are","titleMark":"MarkAge360","taglineLine1":"Performing Today.","taglineEmphasis":"Transforming Tomorrow.","bauhausCaption":"Form follows function - Bauhaus, 1919.","primaryCtaLabel":"Start a conversation","primaryCtaHref":"/contact","secondaryCtaLabel":"View our services","secondaryCtaHref":"/services/","liveText":"Currently building 14 growth systems"},"manifesto":{"index":"01 / Who we are","title":"Not just a digital agency. Partners in transformation.","paragraphs":[{"text":"At MarkAge360, we're not just a digital agency, we're partners in transformation. From global education leaders to local businesses, we help brands cut through the noise with data-driven strategies, bold creativity, and measurable impact."},{"text":"Our team blends performance marketing expertise, design thinking, and storytelling to create campaigns that do more than attract attention - they drive results."},{"text":"Whether it's building your brand presence, crafting high-converting campaigns, or designing seamless digital experiences, we bring a holistic approach tailored to your growth journey."}
4],"pullQuote":"Every design, campaign, and strategy is created with motion - it evolves with your brand, your audience, and the ever-changing digital landscape.","pullAttribution":"- The MarkAge360 manifesto"},"stats":{"index":"02 / By the numbers","title":"Data, design, and demand.","items":[{"value":"2020","label":"Year founded","shape":"square"},{"value":"100+","label":"Brands scaled","shape":"circle"},{"value":"6+","label":"Years operating","shape":"triangle"},{"value":"12+","label":"Industry awards","shape":"plain"},{"value":"4x","label":"Average client ROAS","shape":"plain"}]},"leadership":{"index":"03 / Leadership","title":"Meet our leadership. Big ideas, performance-built.","subtitle":"Two brothers. One operating system. Strategy and engineering working as a single instrument from day one.","leaders":[{"tag":"01 - Founder","name":"Shekhar Malhotra","role":"CEO \u0026 Founder","initials":"SM","shape":"red","paragraphs":[{"text":"Shekhar Malhotra leads MarkAge360's vision and growth, delivering integrated, high-performance marketing solutions. An early adopter of digital marketing in India, he brings over a decade of experience across education, e-commerce, fashion, geotechnical, and automotive industries."},{"text":"Since founding MarkAge360 in 2020, he has earned multiple accolades for his innovative growth strategies and continues to push boundaries as a lifelong learner and AI generalist."}],"tags":"Performance Strategy, Brand Architecture, AI Generalist, Growth Systems"},{"tag":"02 - Engineering","name":"Shashank Malhotra","role":"Chief Technical Officer","initials":"SH","shape":"blue","paragraphs":[{"text":"Shashank is a tech strategist and product innovator specializing in SaaS, AI-driven solutions, and Agile methodologies - building scalable web and mobile ecosystems that fuse innovation with business impact."},{"text":"His leadership has enhanced product capabilities, optimized programmatic media strategies, and delivered measurable growth across diverse industries - positioning technology as a core driver of client success."}],"tags":"SaaS Engineering, AI Solutions, Programmatic Ops, Agile Delivery"}]},"capabilities":{"index":"04 / What we do best","title":"Personalized strategies. Global results.","subtitle":"Every design, campaign and strategy is tuned to a single output: measurable, compounding growth.","items":[{"number":"01","title":"Brand Architecture","description":"Positioning, narrative, and identity systems that earn attention before media is spent."},{"number":"02","title":"Performance Marketing","description":"Paid media, search, and programmatic - engineered for full-funnel ROAS, not vanity reach."},{"number":"03","title":"Creative Systems","description":"Concepts, motion, and asset engines that scale across platforms without diluting the idea."},{"number":"04","title":"Web \u0026 Product","description":"Conversion-led websites, landing systems, and bespoke product builds in SaaS, mobile, and AI."},{"number":"05","title":"AI \u0026 Automation","description":"Custom GPTs, lead orchestration, and analytics pipelines that turn workflows into compounding leverage."},{"number":"06","title":"Search \u0026 Visibility","description":"SEO, GEO/AEO, and AI-search readiness so your brand is discovered wherever the next query happens."}]},"awards":{"index":"05 / Recognition","title":"Award-winning work, recognised globally.","items":[{"title":"Top Emerging Boutique Agency","subtitle":"Clutch - Multiple years","shape":"square"},{"title":"Growth Hack Innovators","subtitle":"Digital Strategy Awards - 2023","shape":"circle"},{"title":"Programmatic Media Excellence","subtitle":"AdWorld - 2x winner","shape":"triangle"},{"title":"Best Ads Campaign","subtitle":"Digital Marketing Forum - 2x winner","shape":"square"}]},"industries":{"index":"06 / Trusted by","title":"Industries we've scaled.","items":[{"label":"Education"},{"label":"E-commerce"},{"label":"SaaS \u0026 Tech"},{"label":"Healthcare"},{"label":"Manufacturing"},{"label":"Professional Services"},{"label":"Real Estate"},{"label":"Consumer Goods"},{"label":"Automotive"},{"label":"Geotechnical"},{"label":"Fashion"}
4,{"label":"Hospitality"}]},"cta":{"index":"07 / Let's build","title":"Tell us what's not working. We'll engineer the system that fixes it.","primaryLabel":"Start the conversation","primaryHref":"/contact","secondaryLabel":"[email protected]","secondaryHref":"mailto:[email protected]","addressLine1":"1612-A Tower 2, Magnum Global Park","addressLine2":"Golf Course Extension, Gurugram 122098","phone":""},"footer":{"tagline":"India's full-stack growth agency - strategy, creative, performance, and AI, all under one roof.","email":"[email protected]","phone":"","address":"1612-A Tower 2, Magnum Global Park,\nGolf Course Extension, Gurugram 122098"},"revamp":{"progress":{"visible":true,"paused":false},"grain":{"visible":true,"paused":false},"hero":{"visible":true,"paused":false,"livePrefix":"Operating","liveCount":"14","liveSuffix":"brands engineering today","liveLocation":"GGN · NYC · LDN","eyebrow":"About / Operators of compounding growth","eyebrowMeta":"2020 â 2026","headlineLead":"We engineer the","headlineAccent":"operating systems","headlineMiddle":"ambitious brands","headlineItalic":"compound","headlineEnd":"on.","subtitle":"MarkAge360 is a full-stack growth studio engineering brand operating systems â strategy, performance, creative, web and AI working as one instrument. Built for ambitious brands worldwide.","primaryLabel":"Book a strategy call","primaryHref":"/contact","secondaryLabel":"Explore services","secondaryHref":"/services/","ribbon":[{"value":"100+","label":"Brands engineered"},{"value":"4Ã","label":"Avg ROAS lift"},{"value":"6+","label":"Years operating"},{"value":"4","label":"Continents live"}],"orbitCards":[{"tag":"L00 · BRAND","value":"+38%","label":"Brand recall lift"},{"tag":"L02 · CREATIVE","value":"3,200","label":"Variants shipped / yr"},{"tag":"L01 · PERFORMANCE","value":"$1.2M","label":"Mthly media managed"},{"tag":"L04 · AI","value":"40+","label":"AI integrations live"}],"circularText":"BREAK*THE*MOLD*"},"marquee":{"visible":true,"paused":false,"label":"Trusted by ambitious brands across four continents","logos":[{"alt":"Institut Français","src":"/assets/client-logos/688d4246d067d5e2eb6cd897_institut-de-france-logo.avif"},{"alt":"GMAT","src":"/assets/client-logos/688d3fffcc4164bdc3fb737d_gmat-final-logo.avif"},{"alt":"Study in India","src":"/assets/client-logos/688d418e14a2a015101fc9e8_study-in-india-logo.avif"},{"alt":"Rogers","src":"/assets/client-logos/688d454e095ccc71f0cd1d10_rogers-logo.avif"},{"alt":"Olivastu","src":"/assets/client-logos/686a7f01b8678b5802dbcd7d_olivastu-logo.avif"},{"alt":"Ferreiras","src":"/assets/client-logos/688d438500073092c60f1efd_ferreiras-logo.avif"},{"alt":"Rite Geosystems","src":"/assets/client-logos/688d44ab1a027942c4f8c0a0_rite-geosystem-logo.avif"},{"alt":"Encardio Rite","src":"/assets/client-logos/688d43f65eab78b3cbaa11b8_encardio-rite-logo.avif"},{"alt":"Casio","src":"/assets/client-logos/688d447730004668253d8aec_casio-loog.avif"},{"alt":"TOEFL Olympiad","src":"/assets/client-logos/688d460c0c02f884c870871b_toefl-olympiad-logo.avif"}]},"manifesto":{"visible":true,"paused":false,"eyebrow":"01 / Manifesto","statement":"We're not just an agency. We're partners in transformation, building the operating systems that turn ambitious brands into compounding ones.","signature":"Shekhar Malhotra","role":"CEO \u0026 Founder, MarkAge360"},"scrollCue":{"visible":true,"paused":false,"label":"Scroll","href":"#stack"},"pillars":{"visible":true,"paused":false,"eyebrow":"02 / The thesis","title":"Three forces.\nOne operating system.","subtitle":"We're partners in transformation. From global education leaders to local challengers, we help brands cut through the noise with data-driven strategy, bold creative, and measurable impact.","items":[{"number":"01","title":"Aggregate","body":"Strategy, creative, performance and engineering connected into one growth engine â instead of siloed vendors and lost context."},{"number":"02","title":"Automate","body":"AI-driven orchestration, custom GPTs, lead workflows and analytics pipelines that turn manual effort into compounding leverage."},{"number":"03","title":"Accelerate","body":"Programmatic media, search visibility, and conversion-led web â engineered together to compress spend into qualified demand."}]},"stack":{"visible":true,"paused":false,"eyebrow":"03 / The stack","title":"Six layers.\nOne instrument.","subtitle":"Engaged together as a system or as standalone disciplines â the layers compound when they're connected.","items":[{"id":"L00","title":"Brand Architecture","body":"Positioning, narrative, identity and messaging systems that earn attention before media spend.","href":"/services/brand-creative/brand-strategy-p
4ositioning/","tags":"Positioning, Identity, Naming"},{"id":"L01","title":"Performance Marketing","body":"Paid media, search and programmatic engineered for full-funnel ROAS â not vanity reach.","href":"/services/growth-marketing/paid-media/","tags":"Meta · Google, Programmatic, CRO"},{"id":"L02","title":"Creative Systems","body":"Concepts, motion and asset engines that scale across platforms without diluting the idea.","href":"/services/brand-creative/","tags":"Motion, Static at scale, 3D / AI"},{"id":"L03","title":"Web \u0026 Product","body":"Conversion-led websites, landing systems and bespoke product builds in SaaS, mobile and AI.","href":"/services/digital-experiences/","tags":"Webflow · Next, SaaS, Mobile"},{"id":"L04","title":"AI \u0026 Automation","body":"Custom GPTs, lead orchestration and analytics pipelines that turn workflows into compounding leverage.","href":"/services/","tags":"GPT systems, Workflow ops, Analytics"},{"id":"L05","title":"Search \u0026 Visibility","body":"SEO, GEO/AEO and AI-search readiness so your brand is discovered wherever the next query happens.","href":"/services/","tags":"SEO, GEO / AEO, AI Search"}],"calloutEyebrow":"Beyond the stack","calloutText":"Need something we haven't listed?","calloutLabel":"Tell us â we'll engineer it for you","calloutHref":"/contact"},"principles":{"visible":true,"paused":false,"eyebrow":"04 / Principles","title":"How we operate.","subtitle":"Six rules every engagement runs against â set before the brief and tested through the work.","items":[{"number":"01","title":"Strategy precedes spend","body":"No campaign goes live without a thesis. Every dollar gets a hypothesis it has to prove â measured, not assumed."},{"number":"02","title":"Creative is engineering","body":"Concepts live or die in the variant test. We design for production, scale, and the algorithm that has to ship them."},{"number":"03","title":"Performance over vanity","body":"Reach without revenue is rented attention. We optimize for the metrics your CFO checks â not the ones your CMO posts."},{"number":"04","title":"Systems compound","body":"Every campaign feeds the next: data sharpens audiences, audiences sharpen creative, creative sharpens spend."},{"number":"05","title":"Speed is a feature","body":"Decisions ship in days, not quarters. Markets move; agencies that meeting their way through it lose."},{"number":"06","title":"Truth in measurement","body":"If it isn't tracked, it isn't real. We instrument first, attribute clearly, and report what actually moved."}]},"numbers":{"visible":true,"paused":false,"eyebrow":"05 / Operations","title":"Data, design,\nand demand.","items":[{"id":"001","value":"2020","label":"Year founded"},{"id":"002","value":"100+","label":"Brands engineered"},{"id":"003","value":"6+","label":"Years operating"},{"id":"004","value":"12+","label":"Industry awards"},{"id":"005","value":"4Ã","label":"Avg. client ROAS"},{"id":"006","value":"14","label":"Currently live"}]},"journey":{"visible":true,"paused":false,"eyebrow":"06 / Story","title":"Compounding, year over year.","subtitle":"From a four-person performance shop to a full-stack growth system trusted by brands on four continents.","items":[{"year":"2016","title":"The practice begins","body":"Shekhar Malhotra starts in performance marketing at King Crescent â search and paid media for ambitious early brands."},{"year":"2018","title":"Multi-discipline expansion","body":"Brand strategy, creative systems, and web development join the work. The growth stack starts to take shape."},{"year":"2020","title":"MarkAge360 founded in Delhi","body":"The practice becomes its own agency, carrying the education and international-admissions mandates forward."},{"year":"2021","title":"First Clutch recognition","body":"Named a Top Emerging Boutique Agency. Cross-border engagements begin in education and infrastructure."},{"year":"2023","title":"AI \u0026 Automation practice","body":"Launched custom GPTs, lead orchestration, and analytics pipelines as a first-class discipline."},{"year":"2025","title":"Global client base","body":"Programs running across India, Europe, North America, and the Middle East from the Gurugram HQ."},{"year":"2026","title":"Now â operating systems","body":"Engineering brand operating systems for 14 brands live, with strategy, performance, creative, web, and AI compounding together."}]},"founders":{"visible":true,"paused":false,"eyebrow":"07 / The operators","title":"Built by operators,\nnot consultants.","subtitle":"Two brothers. One operating system. Strategy and engineering working as a single instrument from day one.","people":[{"id":"shekhar","initials":"SM","imageUrl":"https://images.unsplash.com/photo-1556157382-97eda2d62296?ixlib=rb-4.0.3\u0026auto=format\u0026fit=crop\u0026w=900\u0026q=60","imageAlt":"Shekhar Malhotra, CEO and Founder of MarkAge360","portraitLabel":"SM / 01","liveLabel":"EST. 2020","eyebrow":"01 / Founder","firstName":"Shekhar","lastName":"Malhotra","title":"CEO \u0026 Founder · MarkAge360","stats":[{"value":"10+","label":"Years scaling brands"},{"value":"100+","label":"Programs shipped"},{"value":"5","label":"Verticals operated"}],"paragraphs":[{"text":"Shekhar leads MarkAge360's vision and growth, delivering integrated, high-performance marketing solutions. An early adopter of digital marketing in India, he brings over a decade of experience across education, e-commerce, fashion, geotechnical, and automotive industries."},{"text":"Since founding MarkAge360 in 2020, he has earned multiple accolades for his innovative growth strategies and continues to push boundaries as a lifelong learner and AI generalist."}],"quote":"Strategy precedes spend. Every dollar gets a hypothesis it has to prove.","tags":"Performance Strategy, Brand Architecture, AI Generalist, Growth Systems","linkedinHref":"https://in.linkedin.com/company/markage360","email":"[email protected]"},{"id":"shashank","initials":"SH","imageUrl":"https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-4.0.3\u0026auto=format\u0026fit=crop\u0026w=900\u0026q=60","imageAlt":"Shashank Malhotra, Chief Technical Officer of MarkAge360","portraitLabel":"SH / 02","liveLabel":"SaaS / AI","eyebrow":"02 / Engineering","firstName":"Shashank","lastName":"Malhotra","title":"Chief Technical Officer · MarkAge360","stats":[{"value":"8+","label":"Years engineering SaaS"},{"value":"40+","label":"AI integrations shipped"},{"value":"â","label":"Lines of code reviewed"}],"paragraphs":[{"text":"Shashank is a tech strategist and product innovator specializing in SaaS, AI-driven solutions and Agile methodologies â building scalable web and mobile ecosystems that fuse innovation with business impact."},{"text":"His leadership has enhanced product capabilities, optimized programmatic media strategies, and delivered measurable growth across diverse industries â positioning technology as a core driver of client success."}],"quote":"Creative is engineering. Concepts live or die in the variant test.","tags":"SaaS Engineering, AI Solutions, Programmatic Ops, Agile Delivery","linkedinHref":"https://in.linkedin.com/company/markage360","email":"[email protected]"}]},"quotes":{"visible":true,"paused":false,"eyebrow":"08 / In their words","title":"What clients say.","items":[{"quote":"MarkAge360 helped us turn a complex education offer into a marketing system that actually finds the right students â at scale, in multiple markets.","client":"Institut Français","role":"International Education","initials":"IF","logoUrl":"","logoAlt":"Institut Français logo","faceUrl":"/assets/shekhar-malhotra-founder-markage360-20260612.webp","faceAlt":"Institut Français client face"},{"quote":"They translated specialist engineering into web journeys, product narratives, and a content system our buyers could actually navigate.","client":"Encardio Rite","role":"Geotechnical Infrastru
4cture","initials":"ER","logoUrl":"/assets/client-logos/688d43f65eab78b3cbaa11b8_encardio-rite-logo.avif","logoAlt":"Encardio Rite logo","faceUrl":"","faceAlt":"Encardio Rite client face"},{"quote":"The team gave our campaigns clearer intent, sharper landing pages, and a cleaner path to conversion. ROAS moved before our next quarter closed.","client":"Casio","role":"Education Growth","initials":"C","logoUrl":"/assets/client-logos/688d447730004668253d8aec_casio-loog.avif","logoAlt":"Casio logo","faceUrl":"","faceAlt":"Casio client face"},{"quote":"Strategy, design, and media operating as one team â with weekly throughput we'd never had from a roster of vendors. Compounding output, finally.","client":"Olivastu","role":"Health \u0026 Wellness","initials":"O","logoUrl":"/assets/client-logos/686a7f01b8678b5802dbcd7d_olivastu-logo.avif","logoAlt":"Olivastu logo","faceUrl":"","faceAlt":"Olivastu client face"},{"quote":"Programmatic that actually pays back. MarkAge cut our CPL by 38% in the first ninety days.","client":"Rogers","role":"Telecom","initials":"R","logoUrl":"/assets/client-logos/688d454e095ccc71f0cd1d10_rogers-logo.avif","logoAlt":"Rogers logo","faceUrl":"","faceAlt":"Rogers client face"},{"quote":"The brand re-engineering work changed how our market sees us. Ferreiras finally feels like the category leader it always was.","client":"Ferreiras","role":"Manufacturing","initials":"F","logoUrl":"/assets/client-logos/688d438500073092c60f1efd_ferreiras-logo.avif","logoAlt":"Ferreiras logo","faceUrl":"","faceAlt":"Ferreiras client face"},{"quote":"The AI ops they shipped saved us 40 hours a week and outperformed our previous CRO agency on conversion lift.","client":"GMAT","role":"Test Prep","initials":"GM","logoUrl":"/assets/client-logos/688d3fffcc4164bdc3fb737d_gmat-final-logo.avif","logoAlt":"GMAT logo","faceUrl":"","faceAlt":"GMAT client face"},{"quote":"Engineered web experiences that finally feel like our product. Pages that actually convert, not just look good in a deck.","client":"TOEFL","role":"Education","initials":"TF","logoUrl":"/assets/client-logos/688d460c0c02f884c870871b_toefl-olympiad-logo.avif","logoAlt":"TOEFL logo","faceUrl":"","faceAlt":"TOEFL client face"}]},"awards":{"visible":true,"paused":false,"eyebrow":"09 / Recognition","title":"Awarded for work that ships.","items":[{"year":"2025","name":"Top Emerging Boutique Agency","source":"Clutch","category":"Multiple years"},{"year":"2024","name":"Programmatic Media Excellence","source":"AdWorld","category":"2Ã winner"},{"year":"2024","name":"Best Ads Campaign","source":"Digital Marketing Forum","category":"2Ã winner"},{"year":"2023","name":"Growth Hack Innovators","source":"Digital Strategy Awards","category":"Strategy"}]},"industries":{"visible":true,"paused":false,"eyebrow":"10 / Trusted by","title":"Industries we've scaled.","items":[{"label":"Education"},{"label":"E-commerce"},{"label":"SaaS \u0026 Tech"},{"label":"Healthcare"},{"label":"Manufacturing"},{"label":"Professional Services"},{"label":"Real Estate"},{"label":"Consumer Goods"},{"label":"Automotive"},{"label":"Geotechnical"},{"label":"Fashion"},{"label":"Hospitality"}]},"faq":{"visible":true,"paused":false,"eyebrow":"11 / FAQ","title":"Common questions.","items":[{"question":"How is MarkAge360 different from a traditional agency?","answer":"We operate as one connected system â strategy, performance, creative, web and AI â instead of a roster of vendors. Each engagement compounds: yesterday's data sharpens tomorrow's campaign, and every layer feeds the next."},{"question":"What types of clients do you typically work with?","answer":"From global education leaders and infrastructure technology brands to ambitious startups and consumer companies. We work across India, Europe, North America and the Middle East â always with brands serious about measurable growth."},{"question":"Can we engage individual modules instead of the whole stack?","answer":"Yes â modules are designed to operate together but can be engaged standalone. Brand Architecture, Performance Marketing, Creative Systems, Web \u0026 Product, AI \u0026 Automation, and Search \u0026 Visibility are each available as a focused engagement."},{"question":"How quickly can a new program go live?","answer":"Performance and creative engagements typically launch within 2â4 weeks. Brand and web programs run 6â12 weeks depending on scope. We move quickly because our process is engineered, not improvised."},{"question":"Where are you based?","answer":"Headquarters at 1612-A Tower 2, Magnum Global Park, Golf Course Extension, Gurugram 122098. We work with clients on four continents."},{"question":"How do we get started?","answer":"Book a strategy call. We'll diagnose what's working, what's leaking, and where the biggest growth lever sits â then propose a focused 90-day plan to operationalize it."}]},"cta":{"visible":true,"paused":false,"eyebrow":"12 / Let's build","titleLine1":"Tell us what's not working.","titleAccent":"We'll engineer the system.","subtitle":"90-day diagnostics. Engineered for compounding growth.","primaryLabel":"Start a conversation","primaryHref":"/contact","secondaryLabel":"[email protected]","secondaryHref":"mailto:[email protected]","addressLine1":"1612-A Tower 2, Magnum Global Park","addressLine2":"Golf Course Extension, Gurugram 122098","phone":""},"footer":{"visible":true,"paused":false,"tagline":"India's full-stack growth agency â strategy, creative, performance, and AI, all under one roof.","email":"[email protected]","phone":"","address":"1612-A Tower 2, Magnum Global Park,\nGolf Course Extension, Gurugram 122098","companyLinks":[{"label":"About us","href":"/about"},{"label":"Services","href":"/services/"},{"label":"Careers","href":"/careers"},{"label":"360Lens","href":"/knowledge"},{"label":"Contact","href":"/contact"}],"serviceLinks":[{"label":"Brand Strategy","href":"/services/brand-creative/brand-strategy-p
4ositioning/"},{"label":"Paid Media","href":"/services/growth-marketing/paid-media/"},{"label":"Creative Systems","href":"/services/brand-creative/"},{"label":"Web \u0026 App","href":"/services/digital-experiences/"},{"label":"AI \u0026 Automation","href":"/services/"},{"label":"SEO","href":"/services/"}],"socialLinks":[{"label":"MarkAge360 on Instagram","href":"https://www.instagram.com/markage360/"},{"label":"MarkAge360 on LinkedIn","href":"https://in.linkedin.com/company/markage360"},{"label":"MarkAge360 on YouTube","href":"https://www.youtube.com/@markage360official"},{"label":"MarkAge360 on X / Twitter","href":"https://twitter.com/markage360"}],"partnerBadges":[{"alt":"Meta Business Partner","src":"/assets/meta-agency-partner-white.png"},{"alt":"Semrush Certified Agency Partner","src":"/assets/semrush-agency-partner-white.png"},{"alt":"Top Clutch International SEO India 2025","src":"https://cdn-ilajhfl.nitrocdn.com/GWBVsNjvMBCRClaArkbYFtYdcOXeOKtB/assets/images/optimized/rev-43b5ba1/www.rankontechnologies.com/wp-content/uploads/2025/10/Top-Clutch-International-Seo-India-2025.png"},{"alt":"Clutch Top Advertising Company","src":"https://img.shgstatic.com/clutch-spm-prod/image/pickup/0x0/page_badges/Advertising.png"},{"alt":"Top AI Agents Company 2025 - Clutch","src":"https://trigma.com/wp-content/uploads/2026/03/Top-AI-Agents-Company-2025-Clutch.png"}]}},"ab3":{"progress":{"visible":true,"paused":false},"grain":{"visible":true,"paused":false},"hero":{"visible":true,"paused":false,"tagline":"MarkAge360 is a \u003Cem\u003Efull-service\u003C/em\u003E digital marketing company, \u003Cem\u003E360°\u003C/em\u003E by design. Strategy, creative, social media, paid media, content, web, and analytics all pull toward \u003Cem\u003Eone clear goal\u003C/em\u003E: \u003Cem\u003Egrowth\u003C/em\u003E.","backgroundVideoUrl":"https://pub-f4cb4fa45631476f888a5f8b6eca6801.r2.dev/media/markage360-about-us-video-without-caption-bfd6ba6f-optimized-55d465fe.mp4","modalVideoUrl":"https://pub-f4cb4fa45631476f888a5f8b6eca6801.r2.dev/media/about-markage360-main-549af558-optimized-094f5e9a.mp4","modalLabel":"The compound issue","modalMeta":"Now playing · MarkAge360 / 2026","playCursorLabel":"Watch Video"},"frame2":{"visible":true,"paused":false,"stats":[{"index":"01 / 03","value":"10","suffix":"+","label":"Years of Experience","meta":"Founder-led since 2016"},{"index":"02 / 03","value":"12","suffix":"+","label":"Awards \u0026 Recognition","meta":"Platform partner credentials"},{"index":"03 / 03","value":"65","suffix":"+","label":"Satisfied Clients","meta":"Across priority markets"}],"brandWords":[{"text":"Digital.","accent":false},{"text":"Strategy.","accent":false},{"text":"Creative.","accent":false},{"text":"Performance.","accent":false},{"text":"AI.","accent":false}],"brandCorner":"Brand Story","brandKicker":"--","brandTitle":"Built to Close the Gaps.","brandTeaser":"MarkAge360 was founded in \u003Cem\u003E2020\u003C/em\u003E by Shekhar Malhotra, who has led digital marketing work since 2016 â first at King Crescent â on a simple belief: marketing should not become more complicated as it becomes more \u003Cem\u003Eambitious\u003C/em\u003E.","brandCtaLabel":"Read the brand story","globeTitle":"Based in Gurugram and New Delhi","globeStatus":"Available worldwide"},"founder":{"visible":true,"paused":false,"portraitImageUrl":"/assets/shekhar-malhotra-founder-markage360-20260612.jpeg","portraitImageAlt":"Shekhar Malhotra, founder of MarkAge360","name":"Shekhar Malhotra","title":"CEO \u0026 Founder · MarkAge360","bio":[{"text":"Founded MarkAge360 in 2020, after leading digital marketing work since 2016, first at King Crescent. Experience across education, technology, AI-led marketing, growth hacking, and \u003Cem\u003E360°\u003C/em\u003E digital strategy."},{"text":"His background in \u003Cem\u003EStrategy \u0026 Innovation\u003C/em\u003E and \u003Cem\u003EExecutive Leadership\u003C/em\u003E at Saïd Business School, University of Oxford, shapes MarkAge360's approach: clear thinking, connected execution, and marketing that is built to move the business."}],"storyKicker":"About MarkAge360","storyTitle":"Marketing built from the ground up.","storyParagraphs":[{"text":"MarkAge360 is an \u003Cem\u003Eintegrated\u003C/em\u003E digital marketing company, built so every part of your marketing works together instead of in silos."},{"text":"We connect Strategy, Creative, SEO, Paid Media, Content, Social Media, Web, and Analytics into \u003Cem\u003Eone system\u003C/em\u003E, so the work does not pull in different directions. A campaign should not end at the click. An SEO article should not bring traffic with
4nowhere to go. A report should not just prove that something happened; it should show what needs to happen next."},{"text":"That is where MarkAge360 works best: finding the gap between effort and outcome, then building the right marketing around it. Sometimes that means clarifying the message. Sometimes it means fixing the landing page. Sometimes it means connecting paid media, social media, content, and reporting so every channel knows its role."},{"text":"Our teams work out of Gurugram and New Delhi, running search, social media, and performance campaigns for brands across India and overseas."},{"text":"Not every brand needs every service. But every service a brand uses should have a \u003Cem\u003Ejob\u003C/em\u003E, a \u003Cem\u003Edirection\u003C/em\u003E, and a way to be \u003Cem\u003Emeasured\u003C/em\u003E."}],"ctaLabel":"Work with us","ctaHref":"/contact","credentialLogoUrl":"/assets/white-logomark.png","credentialLogoAlt":"MarkAge360","credentialKicker":"Logo story","credentialTitle":"Break the Mold","credentialTeaser":"The MarkAge360 mark turns \u003Cem\u003EM\u003C/em\u003E and \u003Cem\u003EA\u003C/em\u003E into two rising arcs â one gain building on the next. Its sharp upward break captures the moment a line stops drifting and starts to climb. A simple symbol for what MarkAge360 helps clients do: \u003Cem\u003Echange the curve.\u003C/em\u003E","credentialCtaLabel":"Read the full logo story"},"office":{"visible":true,"paused":false,"title":"BEHIND THE SCENES","images":[{"imageUrl":"/assets/about-us/MarkAge360-Office-inside.webp","fullImageUrl":"/assets/about-us/MarkAge360-Office-inside.webp","alt":"Mr Ziggy!","caption":"Mr Ziggy!","shape":"portrait"},{"imageUrl":"/assets/about-us/MarkAge360-office-building.JPG","fullImageUrl":"/assets/about-us/MarkAge360-office-building.JPG","alt":"MarkAge360 office building","caption":"The studio building","shape":"landscape"},{"imageUrl":"/assets/about-us/markage360-inside-2.png","fullImageUrl":"/assets/about-us/markage360-inside-2.png","alt":"Studio floor","caption":"Studio floor","shape":"square"},{"imageUrl":"/assets/about-us/MarkAge360-Office-inside.png","fullImageUrl":"/assets/about-us/MarkAge360-Office-inside.png","alt":"Inside the studio","caption":"Working in the studio","shape":"portrait"},{"imageUrl":"/assets/about-us/markage360-cabin.png","fullImageUrl":"/assets/about-us/markage360-cabin.png","alt":"Cabin","caption":"Cabin","shape":"square"},{"imageUrl":"/assets/about-us/MarkAge360-Cabin-Meetings.png","fullImageUrl":"/assets/about-us/MarkAge360-Cabin-Meetings.png","alt":"Cabin meetings","caption":"Cabin meetings","shape":"portrait"},{"imageUrl":"/assets/about-us/MarkAge360-Night-view.png","fullImageUrl":"/assets/about-us/MarkAge360-Night-view.png","alt":"Night view","caption":"Night view","shape":"landscape"},{"imageUrl":"/assets/about-us/MarkAge360-entrance.PNG","fullImageUrl":"/assets/about-us/MarkAge360-entrance.PNG","alt":"MarkAge360 entrance","caption":"The entrance","shape":"portrait"},{"imageUrl":"/assets/about-us/Night-time-MarkAge360.jpg","fullImageUrl":"/assets/about-us/Night-time-MarkAge360.jpg","alt":"MarkAge360 at night","caption":"MarkAge360 at night","shape":"landscape"},{"imageUrl":"/assets/about-us/markage360-inside-the-office.png","fullImageUrl":"/assets/about-us/markage360-inside-the-office.png","alt":"Inside the office","caption":"Inside the office","shape":"square"},{"imageUrl":"/assets/about-us/markage360-office-1.png","fullImageUrl":"/assets/about-us/markage360-office-1.png","alt":"Studio and people","caption":"Studio \u0026 people","shape":"portrait"},{"imageUrl":"/assets/about-us/markage360-office-2.png","fullImageUrl":"/assets/about-us/markage360-office-2.png","alt":"The studio","caption":"The studio","shape":"square"},{"imageUrl":"/assets/about-us/MarkAge360-Reception-Area.png","fullImageUrl":"/assets/about-us/MarkAge360-Reception-Area.png","alt":"Reception area","caption":"Reception area","shape":"portrait"},{"imageUrl":"/assets/about-us/markage360-2.png","fullImageUrl":"/assets/about-us/markage360-2.png","alt":"Studio life","caption":"Studio life","shape":"square"},{"imageUrl":"/assets/about-us/MarkAge360-Office-inside-2.png","fullImageUrl":"/assets/about-us/MarkAge360-Office-inside-2.png","alt":"Day in the studio","caption":"Day in the studio","shape":"portrait"},{"imageUrl":"/assets/about-us/MarkAge360-Award.jpg","fullImageUrl":"/assets/about-us/MarkAge360-Award.jpg","alt":"MarkAge360 award","caption":"Award · recognition","shape":"portrait"},{"imageUrl":"/assets/about-us/MarkAge360-Inside-the-office-2.png","fullImageUrl":"/assets/about-us/MarkAge360-Inside-the-office-2.png","alt":"Inside the office","caption":"Inside the office","shape":"square"},{"imageUrl":"/assets/about-us/MarkAge360-award-2.jpg","fullImageUrl":"/assets/about-us/MarkAge360-award-2.jpg","alt":"MarkAge360 award","caption":"Award · recognition","shape":"portrait"}]},"principles":{"visible":true,"paused":false,"eyebrow":"Our principles","title":"Four laws for making growth feel \u003Cem\u003Ealive\u003C/em\u003E.","lead":"Marketing should be clear enough to act.\nNo hidden logic. No padded reports.","items":[{"number":"01.","title":"Clear Enough to \u003Cem\u003EAct\u003C/em\u003E","description":"Marketing should be clear enough to act.\nNo hidden logic. No padded reports.","imageUrl":"https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format\u0026fit=crop\u0026w=1200\u0026q=60","imageAlt":"Analytics dashboard"},{"number":"02.","title":"Connected Enough to \u003Cem\u003ECompound\u003C/em\u003E","description":"Every channel should feed the next.\nThat is how growth starts to compound.","imageUrl":"https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format\u0026fit=crop\u0026w=1200\u0026q=60","imageAlt":"Growth dashboard"},{"number":"03.","title":"Close Enough to \u003Cem\u003EChallenge\u003C/em\u003E","description":"Stay close enough to find the real problem.\nChallenge the easy answer until the work moves.","imageUrl":"https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format\u0026fit=crop\u0026w=1200\u0026q=60","imageAlt":"Team workshop"},{"number":"04.","title":"Measured Enough to \u003Cem\u003EImprove\u003C/em\u003E","description":"Movement matters more than activity.\nTest, read the numbers, and build on what works.","imageUrl":"https://images.unsplash.com/photo-1543286386-713bdd548da4?auto=format\u0026fit=crop\u0026w=1200\u0026q=60","imageAlt":"Performance reporting"}]},"team":{"visible":true,"paused":false,"eyebrow":"Leadership","title":"A control room, \u003Cem\u003Enot a pyramid\u003C/em\u003E.","lead":"Each discipline sees a different signal;
4 the decisions are made in one shared operating room. Specialists, not generalists pretending.","items":[{"initials":"SM","name":"Shashank Malhotra","description":"Engineering, AI systems \u0026 automation â the machinery that makes the work compound.","role":"Chief Technical Officer \u0026 AI Generalist","email":"","featured":true,"mediaUrl":"/assets/shashank-malhotra.avif","mediaAlt":"Shashank Malhotra, Chief Technical Officer at MarkAge360","mediaFocalX":50,"mediaFocalY":50,"mediaZoom":1},{"initials":"PK","name":"Pradeep Kumar","description":"Finance, controls \u0026 commercial discipline â every plan priced, measured, accountable.","role":"Chief Financial Officer","email":"","featured":false,"mediaUrl":"/uploads/media/pradeep-kumar-malhotra-cfo-markage360-c5d17bc9.webp?w=900","mediaAlt":"Pradeep Kumar, Chief Financial Officer at MarkAge360","mediaFocalX":50,"mediaFocalY":50,"mediaZoom":1},{"initials":"MN","name":"Mukta Nayak","description":"Client partnerships, market strategy \u0026 delivery across North America.","role":"Regional Managing Director, North America","email":"","featured":false,"mediaUrl":"/uploads/media/mukta-nayak-markage360-36721a17.webp?w=900","mediaAlt":"Mukta Nayak, Regional Managing Director for North America at MarkAge360","mediaFocalX":50,"mediaFocalY":50,"mediaZoom":1},{"initials":"DS","name":"Dhirendra Singh","description":"Paid media, SEO, social media, attribution \u0026 CRO â the numbers that prove the work.","role":"Lead · performance","email":"","featured":false,"mediaUrl":"/uploads/media/dhirendra-markage360-542de25f-optimized-7e869da6.webp?w=900","mediaAlt":"Dhirendra Singh, performance lead at MarkAge360","mediaFocalX":50,"mediaFocalY":50,"mediaZoom":1},{"initials":"ZIG","name":"Mr. Ziggy","description":"Morale, walk breaks \u0026 quality control. Forever our kahu.","role":"Chief Happiness Officer","email":"","featured":false,"mediaUrl":"/uploads/media/mr-ziggy-our-office-mascot-20500db8-optimized-e261ed77.webp?w=900","mediaAlt":"Mr. Ziggy, office mascot and Chief Happiness Officer at MarkAge360","mediaFocalX":50,"mediaFocalY":50,"mediaZoom":1}]},"logoStory":{"visible":true,"paused":false,"title":"Break the \u003Cem\u003EMold.\u003C/em\u003E","subtitle":"The story of the MarkAge360 mark","finalLogoUrl":"/assets/white-logomark.png","finalLogoAlt":"MarkAge360 mark","captionLine1":"M · A","captionLine2":"Two rising arcs · one upward break","replayLabel":"Replay","movements":[{"number":"01","title":"Two letters","lead":"The MarkAge360 mark begins with two letters: \u003Cstrong\u003EM\u003C/strong\u003E and \u003Cstrong\u003EA\u003C/strong\u003E.","paragraphs":[{"text":"They are the initials of the company, but they are not treated like initials. They are not set side by side. They are not enclosed in a neat little badge. They are pulled into motion â two arcs rising together, forming a symbol that feels less like a nameplate and more like a turn in the road."},{"text":"The first arc sets the direction. The second carries it further. Together, they suggest the kind of growth that does not happen all at once, but builds by degrees. A better message leads to a better response. A better response changes the next decision. The next decision opens the next result. In time, the curve begins to do what every client is waiting for it to do: rise."}],"pull":"That is the idea held inside the mark."},{"number":"02","title":"The angle","paragraphs":[{"text":"The sharp upward point gives the symbol its character. It is not decorative. It is the moment of change made visible â the place where a line stops drifting and starts to climb. There is a certain honesty in that angle. It does not promise a miracle. It suggests direction, pressure, and a break from what came before."},{"text":"A logo cannot grow a business. It has no media budget, no strategy deck, no landing page, no campaign behind it. But it can tell you what kind of company you are dealing with."},{"text":"This one says MarkAge360 is interested in movement that can be measured. Not noise for its own sake. Not activity dressed up as progress. The work has to lead somewhere. It has to create a before and after."}]},{"number":"03","title":"Two strokes, one form","paragraphs":[{"text":"The two arcs also speak to how that work happens. They are separate strokes, but neither makes the mark alone. One needs the other to complete the form. That relationship sits close to the way MarkAge360 works with its clients: not as a distant vendor, not as a decorative layer added at the end, but as a thinking partner in the shape of the result."},{"text":"There is restraint in the symbol too. It does not try to show every service, channel, tool, or capability. It avoids the trap of saying everything and meaning very little. Instead, it keeps to one strong idea: growth that compounds when the right forces move together."},{"text":"The mark also breaks before it closes. It does not become a perfect loop, even though the name carries the idea of 360. That opening matters. It keeps the form active. It leaves space for change, for entry, for the next turn. A full view of marketing should not mean a fixed one."}]},{"number":"04","title":"A monogram and a method","paragraphs":[{"text":"In that sense, the MarkAge360 logo is both a monogram and a method. \u003Cstrong\u003EM\u003C/strong\u003E and \u003Cstrong\u003EA\u003C/strong\u003E are present, but they are transformed into something more useful than initials. They become a visual shorthand for the company's promise: to help brands move beyond inherited limits and build growth that gathers force over time."}]}],"bigPull":[],"coda":""},"brandStory":{"visible":true,"paused":false,"title":"Built to Close the \u003Cem\u003EGaps.\u003C/em\u003E","subtitle":"The MarkAge360 story","logoUrl":"/assets/white-logomark.png","logoAlt":"MarkAge360 mark","labelNorth":"STRATEGY","labelEast":"CREATIVE","labelSouth":"PERFORMANCE","labelWest":"AI","orbitMeta":"360°","captionLine1":"One system","captionLine2":"Strategy · creative · performance · AI","replayLabel":"Replay","movements":[{"number":"01","title":"Origin","lead":"MarkAge360 was founded in \u003Cstrong\u003E2020\u003C/strong\u003E by Shekhar Malhotra, who had been building the same work since \u003Cstrong\u003E2016\u003C/strong\u003E at King Crescent â across education, international admissions, tourism, consumer brands, and B2B sectors."},{"number":"02","title":"The lesson","paragraphs":[{"text":"From \u003Cstrong\u003EGMAT\u003C/strong\u003E and \u003Cstrong\u003EGMAC\u003C/strong\u003E to \u003Cstrong\u003EFrench Institute\u003C/strong\u003E, \u003Cstrong\u003EStudy in India\u003C/strong\u003E, \u003Cstrong\u003EIncredible India\u003C/strong\u003E with \u003Cstrong\u003EEY India\u003C/strong\u003E, \u003Cstrong\u003ENautiNati\u003C/strong\u003E, \u003Cstrong\u003ERite Geosystems\u003C/strong\u003E, and \u003Cstrong\u003EEncardio\u003C/strong\u003E â work that began at King Crescent and continued at MarkAge360 â one lesson keeps repeating:"}],"pull":"Marketing works best when every piece works together."},{"number":"03","title":"The 360° approach","paragraphs":[{"text":"That belief shaped MarkAge360's \u003Cem\u003E360°\u003C/em\u003E approach: one integrated
4way of working that connects strategy, creative, content, media, web, SEO, social media, and analytics into a single system built to move the business."}]}],"bigPull":[{"text":"Strategy. Creative. Content. Media.","accent":false},{"text":"Web. SEO. Social. Analytics. AI.","accent":false},{"text":"One system.","accent":true}],"coda":"\u003Cem\u003EBreak the Mold.\u003C/em\u003E"},"leadModal":{"visible":true,"paused":false,"logoUrl":"/assets/markage360-white.png","logoAlt":"MarkAge360","title":"Schedule a strategy call","copy":"See how we can improve performance and scale what's working.","serviceLabel":"What do you need help with?","serviceOptions":[{"label":"GEO / AEO","value":"GEO / AEO"},{"label":"SEO","value":"SEO"},{"label":"Paid media","value":"Paid media"},{"label":"Creative","value":"Creative"},{"label":"Content","value":"Content"},{"label":"Social media","value":"Social media"},{"label":"Web experiences","value":"Web experiences"},{"label":"Analytics","value":"Analytics"},{"label":"Other","value":"Other"}],"budgetPlaceholder":"Monthly marketing budget","budgetOptions":[{"label":"Under $750","value":"Under $750"},{"label":"$750 to $1,500","value":"$750 to $1,500"},{"label":"$1,500 to $5,000","value":"$1,500 to $5,000"},{"label":"$5,000 to $10,000","value":"$5,000 to $10,000"},{"label":"$10,000 to $25,000","value":"$10,000 to $25,000"},{"label":"$25,000 to $50,000","value":"$25,000 to $50,000"},{"label":"$50,000 to $100,000","value":"$50,000 to $100,000"},{"label":"Above $100,000","value":"Above $100,000"}],"countryPlaceholder":"Country","countryOptions":[{"label":"ðºð¸ +1","value":"ðºð¸ +1"},{"label":"ð¨ð¦ +1","value":"ð¨ð¦ +1"},{"label":"ð¬ð§ +44","value":"ð¬ð§ +44"},{"label":"ð®ð³ +91","value":"ð®ð³ +91"},{"label":"ð¦ðª +971","value":"ð¦ðª +971"},{"label":"ð¸ð¦ +966","value":"ð¸ð¦ +966"},{"label":"ð¸ð¬ +65","value":"ð¸ð¬ +65"},{"label":"ð¦ðº +61","value":"ð¦ðº +61"},{"label":"ð³ð¿ +64","value":"ð³ð¿ +64"},{"label":"ð©ðª +49","value":"ð©ðª +49"},{"label":"ð«ð· +33","value":"ð«ð· +33"},{"label":"ð³ð± +31","value":"ð³ð± +31"},{"label":"ð¿ð¦ +27","value":"ð¿ð¦ +27"}],"submitLabel":"Book a call","source":"about us","sourcePage":"about us form popout","sourceContext":"about us","reviews":[{"label":"View Clutch reviews","logoUrl":"/assets/clutchco.svg","logoAlt":"Clutch","title":"Clutch","rating":"â
â
â
â
â
","meta":"5+ verified reviews","caption":"Verified Clutch reviews","href":"https://clutch.co/profile/markage360"},{"label":"View Google reviews","logoUrl":"","logoAlt":"Google","title":"Google reviews","rating":"â
â
â
â
â
","meta":"6+ verified reviews","caption":"Verified Google reviews","href":"https://share.google/5r49RYHklUOUwUl43"}],"consent":"By clicking the button, you consent to let MarkAge360 and our partners contact you using automated technology. This includes pre-recorded messages, text messages, and emails sent to the phone number and email address you provided. We may reach out to you even if your number is currently on a state or national Do Not Call list. You do not have to provide this consent to purchase our services. For more details on how we protect your data, please read our \u003Ca href=\"/terms.html\"\u003EPrivacy Policy\u003C/a\u003E."},"footer":{"visible":true,"paused":false,"eyebrow":"MARKAGE360","statement":"Build a brand that \u003Cem\u003Ecompounds\u003C/em\u003E.","ctaLabel":"Start a project","ctaHref":"#lead-form","logoUrl":"/assets/markage360-white.png","logoAlt":"MarkAge360","tagline":"India's full-stack growth agency â strategy, creative, performance, and AI, all under one roof.","socialLinks":[{"label":"MarkAge360 on Instagram","href":"https://www.instagram.com/markage360/"},{"label":"MarkAge360 on LinkedIn","href":"https://in.linkedin.com/company/markage360"},{"label":"MarkAge360 on YouTube","href":"https://www.youtube.com/@markage360official"},{"label":"MarkAge360 on X / Twitter","href":"https://twitter.com/markage360"}],"companyTitle":"Company","companyLinks":[{"label":"About us","href":"/about"},{"label":"Services","href":"/services/"},{"label":"Careers","href":"/careers"},{"label":"360Lens","href":"/knowledge"},{"label":"Contact","href":"/contact"}],"servicesTitle":"Services","serviceLinks":[{"label":"Brand Strategy","href":"/services/brand-creative/brand-strategy-p
4ositioning/"},{"label":"Paid Media","href":"/services/growth-marketing/paid-media/"},{"label":"Creative Systems","href":"/services/brand-creative/"},{"label":"Web \u0026 App","href":"/services/digital-experiences/"},{"label":"AI \u0026 Automation","href":"/services/"},{"label":"SEO","href":"/services/"}],"contactTitle":"Get in touch","email":"[email protected]","phone":"","address":"1612-A Tower 2, Magnum Global Park,\nGolf Course Extension, Gurugram 122098","copyright":"Markage360 · All rights reserved","partnerBadges":[{"alt":"Meta Business Partner","src":"/assets/meta-agency-partner-white.png"},{"alt":"Semrush Certified Agency Partner","src":"/assets/semrush-agency-partner-white.png"},{"alt":"Clutch Top Advertising Company","src":"https://img.shgstatic.com/clutch-spm-prod/image/pickup/0x0/page_badges/Advertising.png"},{"alt":"Top AI Agents Company 2025 - Clutch","src":"/assets/top-ai-agents-company-2025-clutch.png"}]}},"updatedAt":"2026-09-30T18:41:50.263Z","updatedBy":"user_admin"}},"layout":{"header":{"enabled":true,"logoUrl":"/assets/markage360-white.png","logoLightUrl":"/assets/black.png","logoDarkUrl":"/assets/markage360-white.png","logoAlt":"MarkAge360","ctaLabel":"Let's talk!","ctaUrl":"/contact.html","items":[{"id":"nav_about","label":"About","url":"/about","description":"","imageUrl":"","type":"link","children":[]},{"id":"nav_services","label":"Services","url":"/services","description":"Services built to move the market.","imageUrl":"https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?ixlib=rb-4.0.3\u0026auto=format\u0026fit=crop\u0026w=900\u0026q=60","type":"mega","children":[{"id":"nav_services_strategy","label":"Strategy \u0026 Analytics","url":"/services#bucket-strategy","description":"Brand, positioning, attribution and dashboards.","imageUrl":""},{"id":"nav_services_earned","label":"Earned Media","url":"/services#bucket-earned","description":"SEO, content, AI search and organic social.","imageUrl":""},{"id":"nav_services_paid","label":"Paid Media","url":"/services#bucket-paid","description":"Full-funnel paid media sharpened by AI.","imageUrl":""},{"id":"nav_services_creative","label":"Creative \u0026 Web","url":"/services#bucket-creative","description":"Identity, performance creative and web builds.","imageUrl":""},{"id":"nav_services_ai","label":"AI Automation","url":"/services/ai-automation/","description":"Workflows, agents and stack integrations.","imageUrl":""}]},{"id":"nav_work","label":"Work","url":"/work","description":"","imageUrl":"","type":"link","children":[]},{"id":"nav_resources","label":"Resources","url":"/knowledge","description":"","imageUrl":"","type":"menu","children":[{"id":"nav_resources_lens","label":"360Lens","url":"/knowledge","description":"Blogs, research, news.","imageUrl":""}]},{"id":"nav_careers","label":"Careers","url":"/careers","description":"","imageUrl":"","type":"link","children":[]}],"updatedAt":"2026-09-30T18:05:13.960Z","updatedBy":"user_admin"},"footer":{"enabled":true,"eyebrow":"MARKAGE360","statement":"Build a brand that \u003Cem\u003Ecompounds\u003C/em\u003E.","ctaLabel":"Start a project","ctaUrl":"/contact.html","logoUrl":"/assets/markage360-white.png","logoAlt":"MarkAge360","tagline":"India's full-stack growth agency â strategy, creative, performance, and AI, all under one roof.","email":"[email protected]","phone":"","address":"1612-A Tower 2, Magnum Global Park,\nGolf Course Extension, Gurugram 122098","copyright":"MarkAge360 · All rights reserved","columns":[{"id":"footer_company","title":"Company","links":[{"id":"footer_company_about","label":"About us","url":"/about","description":"","imageUrl":""},{"id":"footer_company_services","label":"Services","url":"/services/","description":"","imageUrl":""},{"id":"footer_company_careers","label":"Careers","url":"/careers","description":"","imageUrl":""},{"id":"footer_company_knowledge","label":"360Lens","url":"/knowledge","description":"","imageUrl":""},{"id":"footer_company_contact","label":"Contact","url":"/contact","description":"","imageUrl":""}]},{"id":"footer_services","title":"Services","links":[{"id":"footer_services_brand","label":"Brand Strategy","url":"/services/brand-creative/brand-strategy-p
4ositioning/","description":"","imageUrl":""},{"id":"footer_services_paid","label":"Paid Media","url":"/services/growth-marketing/paid-media/","description":"","imageUrl":""},{"id":"footer_services_creative","label":"Creative Systems","url":"/services/brand-creative/","description":"","imageUrl":""},{"id":"footer_services_web","label":"Web \u0026 App","url":"/services/digital-experiences/","description":"","imageUrl":""},{"id":"footer_services_ai","label":"AI \u0026 Automation","url":"/services/","description":"","imageUrl":""}]}],"socialLinks":[{"id":"footer_social_instagram","label":"Instagram","url":"https://www.instagram.com/markage360/","description":"","imageUrl":""},{"id":"footer_social_linkedin","label":"LinkedIn","url":"https://in.linkedin.com/company/markage360","description":"","imageUrl":""},{"id":"footer_social_youtube","label":"YouTube","url":"https://www.youtube.com/@markage360official","description":"","imageUrl":""},{"id":"footer_social_x","label":"X / Twitter","url":"https://twitter.com/markage360","description":"","imageUrl":""}],"partnerLogos":[{"id":"footer_partner_meta","label":"Meta Business Partner","url":"","description":"","imageUrl":"/assets/meta-agency-partner-white-400.png"},{"id":"footer_partner_semrush","label":"Semrush Certified Agency Partner","url":"https://agencies.semrush.com/markage360/","description":"","imageUrl":"/assets/semrush-agency-partner-white-240.png"},{"id":"footer_partner_clutch","label":"Clutch Top Advertising Company","url":"","description":"","imageUrl":"https://img.shgstatic.com/clutch-spm-prod/image/pickup/0x0/page_badges/Advertising.png"},{"id":"footer_partner_ai","label":"Top AI Agents Company 2025 - Clutch","url":"","description":"","imageUrl":"/assets/top-ai-agents-company-2025-clutch-240.png"}],"updatedAt":"2026-09-30T18:05:13.960Z","updatedBy":"user_admin"}}}}</script>
4<script>(function(){var root=document.documentElement;root.classList.add('ma360-cms-render-pending');window.setTimeout(function(){root.classList.remove('ma360-cms-render-pending');},3500);}());</script>
4<style>html.ma360-cms-render-pending body[data-page="about"]{opacity:0;}html.ma360-cms-render-pending body:not([data-page="home"]) .site-header,html.ma360-cms-render-pending body:not([data-page="home"]) .ma-footer{opacity:0;}</style> 5 <link rel="icon" type="image/png" href="/assets/markage360-favicon-blue.png" /> 6 <link rel="shortcut icon" type="image/png" href="/assets/markage360-favicon-blue.png" /> 7 <link rel="apple-touch-icon" href="/assets/markage360-favicon-blue.png" /> 8
8<script defer src="/assets/markage360-animated-favicon.js?v=1785311326067"></script>
8 9
9<script>(function(){var h=location.hostname;if(h!=="markage360.com"&&h!=="www.markage360.com")return;var s=document.createElement("script");s.async=true;s.src="https://www.googletagmanager.com/gtag/js?id=G-QJ9MPJ08LM";document.head.appendChild(s);window.dataLayer=window.dataLayer||[];window.gtag=function(){dataLayer.push(arguments);};gtag("js",new Date());gtag("config","G-QJ9MPJ08LM");})();</script>
9 10 <title>About MarkAge360 | Digital Marketing Company Since 2020</title> 11 <meta name="description" content="MarkAge360 has been an integrated digital marketing company since 2020: strategy, creative, social media, search, web and analytics, from Gurugram." /> 12 <meta name="ma360:seo-managed" content="1" /> 13 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 14 <meta name="author" content="MarkAge360" /> 15 <meta name="theme-color" content="#FFFFFF" /> 16 <link rel="canonical" href="https://markage360.com/about" /> 17 <meta property="og:type" content="website" /> 18 <meta property="og:site_name" content="MarkAge360" /> 19 <meta property="og:title" content="About MarkAge360 | Digital Marketing Company Since 2020" /> 20 <meta property="og:description" content="MarkAge360 has been an integrated digital marketing company since 2020: strategy, creative, social media, search, web and analytics, from Gurugram." /> 21 <meta property="og:url" content="https://markage360.com/about" /> 22 <meta property="og:image" content="https://markage360.com/assets/about-us/MarkAge360-office-building.webp" /> 23 <meta property="og:image:alt" content="MarkAge360 office building, Gurugram" /> 24 <meta property="og:locale" content="en_IN" /> 25 <meta name="twitter:card" content="summary_large_image" /> 26 <meta name="twitter:site" content="@markage360" /> 27 <meta name="twitter:title" content="About MarkAge360 | Digital Marketing Company Since 2020" /> 28 <meta name="twitter:description" content="MarkAge360 has been an integrated digital marketing company since 2020: strategy, creative, social media, search, web and analytics, from Gurugram." /> 29 <meta name="twitter:image" content="https://markage360.com/assets/about-us/MarkAge360-office-building.webp" /> 30
30<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://markage360.com/#organization","name":"MarkAge360","url":"https://markage360.com/","logo":"https://markage360.com/assets/black.png","foundingDate":"2020","sameAs":["https://www.instagram.com/markage360/","https://in.linkedin.com/company/markage360","https://www.youtube.com/@markage360official","https://twitter.com/markage360"],"award":["Top Digital Marketing Company, India 2025 â Clutch","Top B2B Companies, Global 2025 â Clutch","Top Advertising Company 2025 â Clutch","Top AI Agents Company 2025 â Clutch","Top Artificial Intelligence Company 2025 â Clutch","Most Reviewed SEM Company, Delhi â The Manifest","Most Reviewed PPC Company, Delhi â The Manifest","Most Reviewed Social Media Marketing Company, Delhi â The Manifest","Most Reviewed Web Design Company, Delhi â The Manifest","Most Reviewed Graphic Design Company, Delhi â The Manifest"],"contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"sales"}},{"@type":"AboutPage","@id":"https://markage360.com/about#webpage","url":"https://markage360.com/about","name":"About MarkAge360 | Digital Marketing Company Since 2020","description":"MarkAge360 has been an integrated digital marketing company since 2020: strategy, creative, social media, search, web and analytics, from Gurugram.","publisher":{"@id":"https://markage360.com/#organization"},"inLanguage":"en-IN","isPartOf":{"@id":"https://markage360.com/#website"}}]}</script>
30 31 <meta charset="UTF-8" /> 32 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 33
33<script src="/preloader.js?v=20260608-quiet-light-1"></script>
33 34 <link rel="preconnect" href="https://fonts.googleapis.com" /> 35 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 36 37 <link rel="preload" as="image" href="/assets/world-map.png" /> 38 <link rel="preload" as="image" href="/assets/white-logomark.png" /> 39 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet" /> 40 <link rel="stylesheet" href="/styles.css?v=20260930-youtube-handle-1" /> 41 <link rel="stylesheet" href="/site-typography.css?v=20260616n-type-lock-2" /> 42 <link rel="stylesheet" href="/about-2026.css?v=20261004-carousel-y-lock-1" /> 43</head> 44 <body data-page="about" class="ab-page"> 45 46 <div class="ab-progress" aria-hidden="true"><span class="ab-progress-fill" data-ab-progress></span></div> 47 48 49 <div class="ab-grain" aria-hidden="true"></div> 50 51 <div class="page-shell"> 52 53 <header class="site-header" data-logo-surface="dark"> 54 <a class="brand" href="/" aria-label="Markage360 home"> 55 <img class="brand-image" src="/assets/markage360-white.png" alt="MarkAge360" data-adaptive-logo data-logo-light="/assets/black.png" data-logo-dark="/assets/markage360-white.png" data-logo-fallback="dark" /> 56 </a> 57 <button class="button button-ghost menu-toggle" type="button" aria-expanded="false" aria-controls="primary-nav"> 58 Menu 59 </button> 60 <nav class="main-nav" id="primary-nav" aria-label="Primary navigation"> 61 <svg class="main-nav-shimmer" aria-hidden="true" focusable="false"> 62 <defs> 63 <filter id="main-nav-shimmer-blur" x="-44%" y="-44%" width="188%" height="188%"> 64 <feGaussianBlur stdDeviation="3.4" /> 65 </filter> 66 <filter id="main-nav-shimmer-soft" x="-60%" y="-60%" width="220%" height="220%"> 67 <feGaussianBlur stdDeviation="6.8" /> 68 </filter> 69 </defs> 70 <path class="main-nav-shimmer-aura" pathLength="100"></path> 71 <path class="main-nav-shimmer-glow" pathLength="100"></path> 72 </svg> 73 <a data-nav="about" href="/about">About</a> 74 <div class="nav-resource-group nav-resource-group--mega" data-nav-group="services" data-nav-group-url="/services/"> 75 <button class="nav-resource-trigger nav-resource-trigger--mega" type="button" data-nav-resource-toggle data-nav-resource-url="/services/" aria-expanded="false" aria-haspopup="menu"> 76 <span data-nav-resource-label>Services</span> 77 <span class="nav-resource-caret" aria-hidden="true"></span> 78 </button> 79 <div class="nav-resource-menu nav-resource-menu--mega nav-mega-fb nav-mega-fb--v2" role="menu" aria-label="Services"> 80 <div class="nmv2" data-mega-services data-default-count="43"> 81 <div class="nmv2-bar"> 82 <label class="nmv2-search"> 83 <span class="nmv2-search-icon" aria-hidden="true"> 84 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"/><line x1="16" y1="16" x2="20.5" y2="20.5"/></svg> 85 </span> 86 <input type="search" class="nmv2-search-input" data-mega-search placeholder="Find a service â try 'leads', 'SEO', 'AI', 'attribution'â¦" autocomplete="off" spellcheck="false" /> 87 <span class="nmv2-search-kbd" aria-hidden="true"><kbd data-mega-kbd>âK</kbd></span> 88 </label> 89 </div> 90 <div class="nmv2-pillars"> 91 <section class="nmv2-pillar" data-pillar="experiences"> 92 <header class="nmv2-pillar-head"> 93 <span class="nmv2-pillar-num" aria-hidden="true">01</span> 94 <a class="nmv2-pillar-title" href="/services/digital-experiences/">
95 <span>Digital Experiences</span> 96 <i aria-hidden="true">â</i> 97 </a> 98 </header> 99 <ul class="nmv2-pillar-list" role="none"> 100 <li role="none" data-service-tags="L B P" data-service-label="website design & full-stack development"> 101 <a class="nmv2-link" href="/services/digital-experiences/website-design-development/" role="menuitem"> 102 <span class="nmv2-link-label">Website Design & Full-Stack Development</span> 103 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 104 </a> 105 </li> 106 <li role="none" data-service-tags="P O" data-service-label="web application development"> 107 <a class="nmv2-link" href="/services/digital-experiences/web-application-development/" role="menuitem"> 108 <span class="nmv2-link-label">Web Application Development</span> 109 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 110 </a> 111 </li> 112 <li role="none" data-service-tags="P" data-service-label="mobile app development"> 113 <a class="nmv2-link" href="/services/digital-experiences/mobile-app-development/" role="menuitem"> 114 <span class="nmv2-link-label">Mobile App Development</span> 115 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 116 </a> 117 </li> 118 <li role="none" data-service-tags="B P" data-service-label="ui/ux design"> 119 <a class="nmv2-link" href="/services/digital-experiences/ui-ux-design/" role="menuitem"> 120 <span class="nmv2-link-label">UI/UX Design</span> 121 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 122 </a> 123 </li> 124 <li role="none" data-service-tags="L P" data-service-label="e-commerce & shopify development"> 125 <a class="nmv2-link" href="/services/digital-experiences/ecommerce-shopify-development/" role="menuitem"> 126 <span class="nmv2-link-label">E-Commerce & Shopify Development</span> 127 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 128 </a> 129 </li> 130 <li role="none" data-service-tags="P" data-service-label="saas product development"> 131 <a class="nmv2-link" href="/services/digital-experiences/saas-product-development/" role="menuitem"> 132 <span class="nmv2-link-label">SaaS Product Development</span> 133 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 134 </a> 135 </li> 136 <li role="none" data-service-tags="P O" data-service-label="cms development"> 137 <a class="nmv2-link" href="/services/digital-experiences/cms-headless-cms-development/" role="menuitem"> 138 <span class="nmv2-link-label">CMS & Headless CMS Development</span> 139 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 140 </a> 141 </li> 142 <li role="none" data-service-tags="O D" data-service-label="custom portal & dashboard development"> 143 <a class="nmv2-link" href="/services/digital-experiences/custom-portals-dashboard-development/" role="menuitem"> 144 <span class="nmv2-link-label">Custom Portal & Dashboard Development</span> 145 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 146 </a> 147 </li> 148 <li role="none" data-service-tags="O" data-service-label="api, back-end & martech integration"> 149 <a class="nmv2-link" href="/services/digital-experiences/api-backend-martech-integrations/" role="menuitem">
150 <span class="nmv2-link-label">API, Back-End & Martech Integration</span> 151 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 152 </a> 153 </li> 154 </ul> 155 </section> 156 <section class="nmv2-pillar" data-pillar="brand"> 157 <header class="nmv2-pillar-head"> 158 <span class="nmv2-pillar-num" aria-hidden="true">02</span> 159 <a class="nmv2-pillar-title" href="/services/brand-creative/"> 160 <span>Brand & Creative</span> 161 <i aria-hidden="true">â</i> 162 </a> 163 </header> 164 <ul class="nmv2-pillar-list" role="none"> 165 <li role="none" data-service-tags="B P" data-service-label="brand strategy & positioning"> 166 <a class="nmv2-link" href="/services/brand-creative/brand-strategy-positioning/" role="menuitem"> 167 <span class="nmv2-link-label">Brand Strategy & Positioning</span> 168 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 169 </a> 170 </li> 171 <li role="none" data-service-tags="B P" data-service-label="visual identity & logo design"> 172 <a class="nmv2-link" href="/services/brand-creative/visual-identity-logo-design/" role="menuitem"> 173 <span class="nmv2-link-label">Visual Identity & Logo Design</span> 174 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 175 </a> 176 </li> 177 <li role="none" data-service-tags="B P" data-service-label="brand guidelines & design systems"> 178 <a class="nmv2-link" href="/services/brand-creative/brand-guidelines-design-systems/" role="menuitem"> 179 <span class="nmv2-link-label">Brand Guidelines & Design Systems</span> 180 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 181 </a> 182 </li> 183 <li role="none" data-service-tags="L B" data-service-label="performance creative"> 184 <a class="nmv2-link" href="/services/brand-creative/performance-creative/" role="menuitem"> 185 <span class="nmv2-link-label">Performance Creative</span> 186 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 187 </a> 188 </li> 189 <li role="none" data-service-tags="L B" data-service-label="content production"> 190 <a class="nmv2-link" href="/services/brand-creative/content-production/" role="menuitem"> 191 <span class="nmv2-link-label">Content Production</span> 192 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 193 </a> 194 </li> 195 <li role="none" data-service-tags="B" data-service-label="graphic & motion design"> 196 <a class="nmv2-link" href="/services/brand-creative/graphic-motion-design/" role="menuitem"> 197 <span class="nmv2-link-label">Graphic & Motion Design</span> 198 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 199 </a> 200 </li> 201 <li role="none" data-service-tags="B" data-service-label="video & photography production"> 202 <a class="nmv2-link" href="/services/brand-creative/video-photography-production/" role="menuitem"> 203 <span class="nmv2-link-label">Video & Photography Production</span> 204 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 205 </a> 206 </li> 207 </ul> 208 </section> 209 <section class="nmv2-pillar" data-pillar="growth"> 210 <header class="nmv2-pillar-head">
211 <span class="nmv2-pillar-num" aria-hidden="true">03</span> 212 <a class="nmv2-pillar-title" href="/services/growth-marketing/"> 213 <span>Growth Marketing</span> 214 <i aria-hidden="true">â</i> 215 </a> 216 </header> 217 <ul class="nmv2-pillar-list" role="none"> 218 <li role="none" data-service-tags="L D" data-service-label="media strategy & planning"> 219 <a class="nmv2-link" href="/services/growth-marketing/media-strategy-planning/" role="menuitem"> 220 <span class="nmv2-link-label">Media Strategy & Planning</span> 221 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 222 </a> 223 </li> 224 <li role="none" data-service-tags="L B" data-service-label="paid media paid search paid social programmatic & display advertising streaming & ctv advertising" data-service-parent="true"> 225 <a class="nmv2-link nmv2-link--parent" href="/services/growth-marketing/paid-media/" role="menuitem"> 226 <span class="nmv2-link-label">Paid Media</span> 227 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 228 </a> 229 <ul class="nmv2-sublist" role="none"> 230 <li role="none" data-service-tags="L" data-service-label="paid media paid search"> 231 <a class="nmv2-link nmv2-link--child" href="/services/growth-marketing/paid-search/" role="menuitem"> 232 <span class="nmv2-link-label">Paid Search</span> 233 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 234 </a> 235 </li> 236 <li role="none" data-service-tags="L" data-service-label="paid media paid social"> 237 <a class="nmv2-link nmv2-link--child" href="/services/growth-marketing/paid-social/" role="menuitem"> 238 <span class="nmv2-link-label">Paid Social</span> 239 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 240 </a> 241 </li> 242 <li role="none" data-service-tags="L" data-service-label="paid media programmatic & display advertising"> 243 <a class="nmv2-link nmv2-link--child" href="/services/growth-marketing/programmatic-display-advertising/" role="menuitem"> 244 <span class="nmv2-link-label">Programmatic & Display Advertising</span> 245 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 246 </a> 247 </li> 248 <li role="none" data-service-tags="L" data-service-label="paid media streaming & ctv advertising"> 249 <a class="nmv2-link nmv2-link--child" href="/services/growth-marketing/streaming-ctv-advertising/" role="menuitem"> 250 <span class="nmv2-link-label">Streaming & CTV Advertising</span> 251 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 252 </a> 253 </li> 254 </ul> 255 </li> 256 <li role="none" data-service-tags="L D" data-service-label="seo â local, enterprise, technical"> 257 <a class="nmv2-link" href="/services/growth-marketing/seo/" role="menuitem"> 258 <span class="nmv2-link-label">SEO â Local, Enterprise & Technical</span> 259 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 260 </a> 261 </li> 262 <li role="none" data-service-tags="L" data-service-label="ai search optimization (geo / aeo)"> 263 <a class="nmv2-link" href="/services/growth-marketing/ai-search-optimization/" role="menuitem">
264 <span class="nmv2-link-label">AI Search Optimization â GEO / AEO</span> 265 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 266 </a> 267 </li> 268 <li role="none" data-service-tags="L B" data-service-label="content marketing"> 269 <a class="nmv2-link" href="/services/growth-marketing/content-marketing/" role="menuitem"> 270 <span class="nmv2-link-label">Content Marketing</span> 271 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 272 </a> 273 </li> 274 <li role="none" data-service-tags="L B" data-service-label="digital pr"> 275 <a class="nmv2-link" href="/services/growth-marketing/digital-pr/" role="menuitem"> 276 <span class="nmv2-link-label">Digital PR</span> 277 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 278 </a> 279 </li> 280 <li role="none" data-service-tags="L D" data-service-label="conversion rate optimization"> 281 <a class="nmv2-link" href="/services/growth-marketing/conversion-rate-optimization/" role="menuitem"> 282 <span class="nmv2-link-label">Conversion Rate Optimization</span> 283 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 284 </a> 285 </li> 286 <li role="none" data-service-tags="L" data-service-label="demand & lead generation"> 287 <a class="nmv2-link" href="/services/growth-marketing/demand-lead-generation/" role="menuitem"> 288 <span class="nmv2-link-label">Demand & Lead Generation</span> 289 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 290 </a> 291 </li> 292 <li role="none" data-service-tags="L O" data-service-label="email & lifecycle marketing"> 293 <a class="nmv2-link" href="/services/growth-marketing/email-lifecycle-marketing/" role="menuitem"> 294 <span class="nmv2-link-label">Email & Lifecycle Marketing</span> 295 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 296 </a> 297 </li> 298 <li role="none" data-service-tags="L P" data-service-label="app store optimization"> 299 <a class="nmv2-link" href="/services/growth-marketing/app-store-optimization/" role="menuitem"> 300 <span class="nmv2-link-label">App Store Optimization</span> 301 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 302 </a> 303 </li> 304 <li role="none" data-service-tags="L B" data-service-label="organic social media"> 305 <a class="nmv2-link" href="/services/growth-marketing/organic-social-media/" role="menuitem"> 306 <span class="nmv2-link-label">Organic Social Media</span> 307 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 308 </a> 309 </li> 310 <li role="none" data-service-tags="L B" data-service-label="influencer marketing"> 311 <a class="nmv2-link" href="/services/growth-marketing/influencer-marketing/" role="menuitem"> 312 <span class="nmv2-link-label">Influencer Marketing</span> 313 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 314 </a> 315 </li> 316 <li role="none" data-service-tags="L P" data-service-label="retail media & marketplaces"> 317 <a class="nmv2-link" href="/services/growth-marketing/retail-media-marketplaces/" role="menuitem">
318 <span class="nmv2-link-label">Retail Media & Marketplaces</span> 319 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 320 </a> 321 </li> 322 </ul> 323 </section> 324 <section class="nmv2-pillar" data-pillar="ai"> 325 <header class="nmv2-pillar-head"> 326 <span class="nmv2-pillar-num" aria-hidden="true">04</span> 327 <a class="nmv2-pillar-title" href="/services/ai-automation/"> 328 <span>AI & Automation</span> 329 <i aria-hidden="true">â</i> 330 </a> 331 </header> 332 <ul class="nmv2-pillar-list" role="none"> 333 <li role="none" data-service-tags="O L" data-service-label="conversational ai â chat, voice & receptionist"> 334 <a class="nmv2-link" href="/services/ai-automation/conversational-ai/" role="menuitem"> 335 <span class="nmv2-link-label">Conversational AI â Chat, Voice & Receptionist</span> 336 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 337 </a> 338 </li> 339 <li role="none" data-service-tags="O L" data-service-label="whatsapp & messaging automation"> 340 <a class="nmv2-link" href="/services/ai-automation/whatsapp-messaging/" role="menuitem"> 341 <span class="nmv2-link-label">WhatsApp & Messaging Automation</span> 342 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 343 </a> 344 </li> 345 <li role="none" data-service-tags="L O" data-service-label="ai lead qualification & nurturing"> 346 <a class="nmv2-link" href="/services/ai-automation/lead-qualification/" role="menuitem"> 347 <span class="nmv2-link-label">AI Lead Qualification & Nurturing</span> 348 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 349 </a> 350 </li> 351 <li role="none" data-service-tags="L O" data-service-label="ai appointment booking"> 352 <a class="nmv2-link" href="/services/ai-automation/appointment-booking/" role="menuitem"> 353 <span class="nmv2-link-label">AI Appointment Booking</span> 354 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 355 </a> 356 </li> 357 <li role="none" data-service-tags="O L" data-service-label="crm, sales & marketing automation"> 358 <a class="nmv2-link" href="/services/ai-automation/crm-sales-automation/" role="menuitem"> 359 <span class="nmv2-link-label">CRM, Sales & Marketing Automation</span> 360 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 361 </a> 362 </li> 363 <li role="none" data-service-tags="O" data-service-label="ai customer support"> 364 <a class="nmv2-link" href="/services/ai-automation/customer-support/" role="menuitem"> 365 <span class="nmv2-link-label">AI Customer Support</span> 366 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 367 </a> 368 </li> 369 <li role="none" data-service-tags="O" data-service-label="ai workflow automation"> 370 <a class="nmv2-link" href="/services/ai-automation/workflow-automation/" role="menuitem"> 371 <span class="nmv2-link-label">AI Workflow Automation</span> 372 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 373 </a> 374 </li> 375 <li role="none" data-service-tags="O" data-service-label="ai integrations"> 376 <a class="nmv2-link" href="/services/ai-automation/ai-integrations/" role="menuitem">
377 <span class="nmv2-link-label">AI Integrations</span> 378 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 379 </a> 380 </li> 381 </ul> 382 </section> 383 <section class="nmv2-pillar" data-pillar="data"> 384 <header class="nmv2-pillar-head"> 385 <span class="nmv2-pillar-num" aria-hidden="true">05</span> 386 <a class="nmv2-pillar-title" href="/services/data-intelligence/"> 387 <span>Data & Intelligence</span> 388 <i aria-hidden="true">â</i> 389 </a> 390 </header> 391 <ul class="nmv2-pillar-list" role="none"> 392 <li role="none" data-service-tags="D" data-service-label="marketing analytics & insights"> 393 <a class="nmv2-link" href="/services/data-intelligence/marketing-analytics-insights/" role="menuitem"> 394 <span class="nmv2-link-label">Marketing Analytics & Insights</span> 395 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 396 </a> 397 </li> 398 <li role="none" data-service-tags="D" data-service-label="attribution modeling"> 399 <a class="nmv2-link" href="/services/data-intelligence/attribution-modeling/" role="menuitem"> 400 <span class="nmv2-link-label">Attribution Modeling</span> 401 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 402 </a> 403 </li> 404 <li role="none" data-service-tags="D L" data-service-label="conversion & funnel tracking"> 405 <a class="nmv2-link" href="/services/data-intelligence/conversion-funnel-tracking/" role="menuitem"> 406 <span class="nmv2-link-label">Conversion & Funnel Tracking</span> 407 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 408 </a> 409 </li> 410 <li role="none" data-service-tags="D" data-service-label="server-side tracking"> 411 <a class="nmv2-link" href="/services/data-intelligence/server-side-tracking/" role="menuitem"> 412 <span class="nmv2-link-label">Server-Side Tracking</span> 413 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 414 </a> 415 </li> 416 <li role="none" data-service-tags="D O" data-service-label="ad operations & campaign qa"> 417 <a class="nmv2-link" href="/services/data-intelligence/ad-operations-campaign-qa/" role="menuitem"> 418 <span class="nmv2-link-label">Ad Operations & Campaign QA</span> 419 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 420 </a> 421 </li> 422 <li role="none" data-service-tags="D O" data-service-label="bi dashboard development & reporting"> 423 <a class="nmv2-link" href="/services/data-intelligence/bi-dashboard-development-reporting/" role="menuitem"> 424 <span class="nmv2-link-label">BI Dashboard Development & Reporting</span> 425 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 426 </a> 427 </li> 428 <li role="none" data-service-tags="D" data-service-label="customer journey & behavior analysis"> 429 <a class="nmv2-link" href="/services/data-intelligence/customer-journey-behavior-analysis/" role="menuitem"> 430 <span class="nmv2-link-label">Customer Journey & Behavior Analysis</span> 431 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 432 </a> 433 </li> 434 <li role="none" data-service-tags="D" data-service-label="cohort & revenue analytics"> 435 <a class="nmv2-link" href="/services/data-intelligence/cohort
435-revenue-analytics/" role="menuitem"> 436 <span class="nmv2-link-label">Cohort & Revenue Analytics</span> 437 <span class="nmv2-link-arrow" aria-hidden="true">â</span> 438 </a> 439 </li> 440 </ul> 441 </section> 442 </div> 443 <div class="nmv2-foot"> 444 <div class="nmv2-foot-status" aria-live="polite"> 445 <span class="nmv2-foot-status-text" data-mega-status></span> 446 </div> 447 <div class="nmv2-foot-actions"> 448 <a class="nmv2-foot-link" href="/services/industries/" data-nav-mobile-extra> 449 <span class="nmv2-foot-link-label">Browse by industry</span> 450 <span class="nmv2-foot-link-sub">The verticals we build in</span> 451 <i aria-hidden="true">â</i> 452 </a> 453 <a class="nmv2-foot-link" href="/services/"> 454 <span class="nmv2-foot-link-label">View all 43 services</span> 455 <span class="nmv2-foot-link-sub">Every capability, one index</span> 456 <i aria-hidden="true">â</i> 457 </a> 458 <a class="nmv2-foot-cta" href="#lead-form" data-open-lead-modal-header data-mega-cta> 459 <span class="nmv2-foot-cta-copy"> 460 <strong data-mega-cta-title>Book a strategy call</strong> 461 <span data-mega-cta-sub>30 minutes. Tailored to your goals.</span> 462 </span> 463 <i aria-hidden="true">â</i> 464 </a> 465 </div> 466 </div> 467 </div> 468 </div> 469 </div> 470 <a data-nav="work" href="/work">Work</a> 471 <div class="nav-resource-group" data-nav-group="resources"> 472 <button class="nav-resource-trigger" type="button" data-nav-resource-toggle aria-expanded="false" aria-haspopup="menu"> 473 <span data-nav-resource-label>Resources</span> 474 <span class="nav-resource-caret" aria-hidden="true"></span> 475 </button> 476 <div class="nav-resource-menu nav-resource-menu--rich" role="menu" aria-label="Resources"> 477 <a data-nav="knowledge" data-nav-label="360Lens" href="/blogs" role="menuitem"> 478 <span class="nav-resource-item-copy"> 479 <strong data-nav-item-label>360Lens</strong> 480 <small>Blogs, research, and news.</small> 481 </span> 482 <span class="nav-resource-item-arrow" aria-hidden="true">→</span> 483 </a> 484 </div> 485 </div> 486 <a data-nav="careers" href="/careers">Careers</a> 487 <a data-nav="contact" href="/contact">Contact</a> 488 </nav> 489 <a class="button button-ghost header-star-cta star-border-container" href="/contact" data-open-lead-modal-header> 490 <span class="border-gradient-bottom" aria-hidden="true"></span> 491 <span class="border-gradient-top" aria-hidden="true"></span> 492 <span class="inner-content header-star-cta__label">Let's talk!</span> 493 </a> 494 </header> 495 496 <main class="ab3 ar-main ab-main"> 497 498 499 <div class="ab3-cursor" aria-hidden="true"> 500 <span class="ab3-cursor-ring"></span> 501 <span class="ab3-cursor-dot"></span> 502 <span class="ab3-cursor-label">View</span> 503 <span class="ab3-cursor-play"> 504 <span class="ab3-cursor-play-icon" aria-hidden="true"> 505 <svg viewBox="0 0 24 24"><polygon points="8,5 20,12 8,19"/></svg> 506 </span> 507 <span class="ab3-cursor-play-label">Watch Video</span> 508 </span> 509 </div> 510 <div class="ab3-progress" aria-hidden="true"><i></i></div> 511 <div class="ab3-grain" aria-hidden="true"></div> 512 513 514 <svg class="ab3-hero-svg-defs" aria-hidden="true" focusable="false"> 515 <defs> 516 517 <filter id="ab3-graffiti-liquid" x="-8%" y="-8%" width="116%" height="116%"> 518 <feTurbulence type="fractalNoise" baseFrequency="0.013 0.019" numOctaves="2" seed="7" result="noise"> 519 <animate attributeName="baseFrequency" 520 values="0.013 0.019;0.018 0.014;0.011 0.022;0.013 0.019"
521 dur="16s" repeatCount="indefinite" /> 522 <animate attributeName="seed" 523 values="7;42;91;7" 524 dur="22s" repeatCount="indefinite" /> 525 </feTurbulence> 526 <feDisplacementMap in="SourceGraphic" in2="noise" scale="5" xChannelSelector="R" yChannelSelector="G" /> 527 </filter> 528 529 <filter id="ab3-duotone" color-interpolation-filters="sRGB"> 530 531 <feColorMatrix type="matrix" values=" 532 0.2126 0.7152 0.0722 0 0 533 0.2126 0.7152 0.0722 0 0 534 0.2126 0.7152 0.0722 0 0 535 0 0 0 1 0"/> 536 537 <feComponentTransfer> 538 <feFuncR type="linear" slope="4.6" intercept="-1.75"/> 539 <feFuncG type="linear" slope="4.6" intercept="-1.75"/> 540 <feFuncB type="linear" slope="4.6" intercept="-1.75"/> 541 </feComponentTransfer> 542 543 <feComponentTransfer color-interpolation-filters="sRGB"> 544 <feFuncR type="table" tableValues="0.035 0.184"/> 545 <feFuncG type="table" tableValues="0.035 0.494"/> 546 <feFuncB type="table" tableValues="0.16 0.969"/> 547 </feComponentTransfer> 548 </filter> 549 </defs> 550 </svg> 551 552 553 <button type="button" class="ab3-hero" data-section="hero" aria-label="Play the MarkAge360 film"> 554 555 556 <div class="ab3-hero-video" aria-hidden="true"> 557 <video autoplay muted loop playsinline preload="none" data-lazy-video="idle"> 558 <source type="video/mp4" /> 559 </video> 560 </div> 561 562 563 <div class="ab3-hero-noise" aria-hidden="true"></div> 564 565 566 <div class="ab3-hero-vignette" aria-hidden="true"></div> 567 568 569 <canvas class="ab3-hero-dotfield" data-ab3-dotfield aria-hidden="true"></canvas> 570 <svg class="ab3-hero-dotglow" aria-hidden="true" focusable="false"> 571 <defs> 572 <radialGradient id="ab3-hero-dotglow-grad"> 573 <stop offset="0%" stop-color="rgba(255, 255, 255, 0.06)" /> 574 <stop offset="100%" stop-color="transparent" /> 575 </radialGradient> 576 </defs> 577 <circle data-ab3-dotglow cx="-9999" cy="-9999" r="180" fill="url(#ab3-hero-dotglow-grad)" /> 578 </svg> 579 580 581 <div class="ab3-hero-fg"> 582 <h1 class="ab3-hero-wordmark-sr">Digital marketing built MarkAge360</h1> 583 <p class="ab3-hero-tagline" data-ab3-tagline>MarkAge360 is a <em>full-service</em> digital marketing company, <em>360°</em> by design. Strategy, creative, social media, paid media, content, web, and analytics all pull toward <em>one clear goal</em>: <em>growth</em>.</p> 584 <span class="ab3-hero-watch-cta" aria-hidden="true">Watch Video</span> 585 </div> 586 </button> 587 588 589 <div class="ab3-video-modal" data-section="hero-modal" aria-hidden="true" role="dialog" aria-modal="true" aria-label="MarkAge360 studio film"> 590 <div class="ab3-video-modal-backdrop"></div> 591 <div class="ab3-video-modal-stage"> 592 <span class="ab3-video-modal-meta"><i></i>Now playing · MarkAge360 / 2026</span> 593 <button type="button" class="ab3-video-modal-close" data-ab3-vm-close aria-label="Close video"> 594 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5l14 14M19 5L5 19" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg> 595 </button> 596 <video preload="none" playsinline data-lazy-video="on-open"> 597 <source type="video/mp4" /> 598 </video> 599 <div class="ab3-video-modal-controls"> 600 <button type="button" class="ab3-video-modal-btn" data-ab3-vm-play aria-label="Play / pause"> 601 <svg viewBox="0 0 24 24" aria-hidden="true"><polygon points="6,4 20,12 6,20"/></svg> 602 </button> 603 <button type="button" class="ab3-video-modal-btn" data-ab3-vm-mute aria-label="Mute / unmute"> 604 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 9v6h4l5 4V5l-5 4H4zm12 3a4 4 0 0 0-2-3.5v7A4 4 0 0 0 16 12z"/></svg> 605 </button> 606 <input class="ab3-video-modal-volume" data-ab3-vm-volume type="range" min="0" max="1" step="0.01" value="1" aria-label="Volume" />
607 <span class="ab3-video-modal-time" data-ab3-vm-time>00:00 / 00:00</span> 608 <div class="ab3-video-modal-bar" data-ab3-vm-bar role="slider" tabindex="0" aria-label="Video progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><i></i><b></b></div> 609 <label class="ab3-video-modal-speed" aria-label="Playback speed"> 610 <select data-ab3-vm-speed aria-label="Playback speed"> 611 <option value="1">1x</option> 612 <option value="1.25">1.25x</option> 613 <option value="1.5">1.5x</option> 614 <option value="2">2x</option> 615 </select> 616 </label> 617 <span class="ab3-video-modal-label">The compound issue</span> 618 </div> 619 </div> 620 </div> 621 622 623 <section class="ab3-frame2" data-section="frame2"> 624 <div class="ab3-frame2-shell"> 625 626 627 <div class="ab3-frame2-stats-carousel" data-ab3-stats-carousel> 628 <div class="ab3-frame2-stats"> 629 <article class="ab3-frame2-stat ab3-reveal" style="--idx:0"> 630 <span class="ab3-frame2-stat-index">01 / 03</span> 631 <span class="ab3-frame2-stat-value"> 632 <b><span data-ab3-count="10">0</span></b><i>+</i> 633 </span> 634 <span class="ab3-frame2-stat-rule" aria-hidden="true"></span> 635 <span class="ab3-frame2-stat-label">Years of Experience</span> 636 <span class="ab3-frame2-stat-meta">Founder-led since 2016</span> 637 <button class="ab3-frame2-stat-toggle" type="button" data-ab3-stat-toggle aria-expanded="false" aria-label="More about Years of Experience"> 638 <span class="ab3-frame2-stat-toggle-icon" aria-hidden="true"></span> 639 </button> 640 <div class="ab3-frame2-stat-detail" aria-hidden="true"> 641 <p class="ab3-frame2-stat-detail-title">Years of Experience</p> 642 <p class="ab3-frame2-stat-detail-text">Founder-led since <em>2016</em>, as MarkAge360 since <em>2020</em> â across education, technology, and AI-led growth.</p> 643 </div> 644 </article> 645 646 <article class="ab3-frame2-stat ab3-reveal" style="--idx:1"> 647 <span class="ab3-frame2-stat-index">02 / 03</span> 648 <span class="ab3-frame2-stat-value"> 649 <b><span data-ab3-count="12">0</span></b><i>+</i> 650 </span> 651 <span class="ab3-frame2-stat-rule" aria-hidden="true"></span> 652 <span class="ab3-frame2-stat-label">Awards & Recognition</span> 653 <span class="ab3-frame2-stat-meta">Platform partner credentials</span> 654 <button class="ab3-frame2-stat-toggle" type="button" data-ab3-stat-toggle aria-expanded="false" aria-label="More about Awards & Recognition"> 655 <span class="ab3-frame2-stat-toggle-icon" aria-hidden="true"></span> 656 </button> 657 <div class="ab3-frame2-stat-detail" aria-hidden="true"> 658 <p class="ab3-frame2-stat-detail-title">Awards & Recognition</p> 659 <p class="ab3-frame2-stat-detail-text">Backed by <em>platform partner</em> credentials and industry recognition for connected, measurable work.</p> 660 </div> 661 </article> 662 663 <article class="ab3-frame2-stat ab3-reveal" style="--idx:2"> 664 <span class="ab3-frame2-stat-index">03 / 03</span> 665 <span class="ab3-frame2-stat-value"> 666 <b><span data-ab3-count="65">0</span></b><i>+</i> 667 </span> 668 <span class="ab3-frame2-stat-rule" aria-hidden="true"></span> 669 <span class="ab3-frame2-stat-label">Satisfied Clients</span> 670 <span class="ab3-frame2-stat-meta">Across priority markets</span> 671 <button class="ab3-frame2-stat-toggle" type="button" data-ab3-stat-toggle aria-expanded="false" aria-label="More about Satisfied Clients">
672 <span class="ab3-frame2-stat-toggle-icon" aria-hidden="true"></span> 673 </button> 674 <div class="ab3-frame2-stat-detail" aria-hidden="true"> 675 <p class="ab3-frame2-stat-detail-title">Satisfied Clients</p> 676 <p class="ab3-frame2-stat-detail-text">Trusted by brands <em>across priority markets</em> to make every channel pull in the same direction.</p> 677 </div> 678 </article> 679 </div> 680 <button class="ab3-frame2-stats-arrow ab3-frame2-stats-arrow--prev" type="button" data-ab3-stats-prev aria-label="Previous stat" disabled>‹</button> 681 <button class="ab3-frame2-stats-arrow ab3-frame2-stats-arrow--next" type="button" data-ab3-stats-next aria-label="Next stat">›</button> 682 </div> 683 684 685 <article class="ab3-frame2-partner ab3-brand-story-card"> 686 <div class="ab3-frame2-partner-art ab3-brand-story-art" aria-hidden="true"> 687 <div class="ab3-bsc-typo"> 688 <span class="ab3-bsc-word">Strategy.</span> 689 <span class="ab3-bsc-word">Creative.</span> 690 <span class="ab3-bsc-word">Performance.</span> 691 <span class="ab3-bsc-word">AI.</span> 692 <span class="ab3-bsc-word ab3-bsc-word--accent">360°.</span> 693 </div> 694 <ol class="ab3-bsc-dots" aria-hidden="true"> 695 <li></li><li></li><li></li><li></li><li></li> 696 </ol> 697 <span class="ab3-bsc-corner">Brand Story</span> 698 </div> 699 <div class="ab3-frame2-partner-info ab3-brand-story-info"> 700 <span class="ab3-brand-story-kicker">--</span> 701 <strong>Built to Close the Gaps.</strong> 702 <p class="ab3-brand-story-teaser">MarkAge360 was founded in <em>2020</em> by Shekhar Malhotra, who has led digital marketing work since 2016 â first at King Crescent â on a simple belief: marketing should not become more complicated as it becomes more <em>ambitious</em>
702.</p> 703 <button 704 type="button" 705 class="ab3-frame2-partner-link ab3-brand-story-cta" 706 data-ab3-brand-story-open 707 aria-haspopup="dialog" 708 aria-controls="ab3-brand-story-modal" 709 > 710 Read the brand story <i aria-hidden="true">â</i> 711 </button> 712 </div> 713 </article> 714 715 716 <article class="ab3-frame2-globe"> 717 <header class="ab3-frame2-globe-head"> 718 <strong>Based in Gurugram and New Delhi</strong> 719 <span class="ab3-frame2-globe-status"> 720 <i></i>Available worldwide 721 </span> 722 </header> 723 <canvas data-ab3-dotglobe aria-hidden="true"></canvas> 724 </article> 725 726 </div> 727 </section> 728 729 730 <section class="ab3-founder" data-section="founder"> 731 <div class="ab3-founder-shell"> 732 <article class="ab3-founder-card ab3-founder-card--portrait"> 733 <picture><source type="image/avif" srcset="/assets/shekhar-malhotra-founder-markage360-20260612.avif" /><source type="image/webp" srcset="/assets/shekhar-malhotra-founder-markage360-20260612.webp" /><img src="/assets/shekhar-malhotra-founder-markage360-20260612.jpeg" alt="Shekhar Malhotra, founder of MarkAge360" loading="lazy" /></picture> 734 <div class="ab3-founder-portrait-copy"> 735 <strong>Shekhar Malhotra</strong> 736 <span>CEO & Founder · MarkAge360</span> 737 <button 738 type="button" 739 class="ab3-founder-readmore" 740 data-ab3-founder-bio-toggle 741 aria-expanded="false" 742 aria-controls="ab3-founder-portrait-bio" 743 > 744 Read more 745 </button> 746 <div class="ab3-founder-portrait-bio" id="ab3-founder-portrait-bio"> 747 <p> 748 Shekhar Malhotra is the <em>CEO & Founder</em> of MarkAge360, which he founded in 2020 after leading digital marketing work since 2016, first at King Crescent. His experience spans education, technology, AI-led marketing, growth hacking, and <em>360°</em> digital strategy. 749 </p> 750 <p> 751 His background in <em>Strategy & Innovation</em> and <em>Executive Leadership</em> at Saïd Business School, University of Oxford, shapes MarkAge360's approach: clear thinking, connected execution, and marketing that is built to move the business. 752 </p> 753 </div> 754 </div> 755 </article> 756 757 <article class="ab3-founder-card ab3-founder-card--story"> 758 <span class="ab3-founder-kicker">About MarkAge360</span> 759 <h2>Marketing built from the ground up.</h2> 760 <div class="ab3-founder-copy" id="ab3-founder-story-copy"> 761 <p> 762 MarkAge360 is a <em>360°</em> marketing agency built to make every part of your marketing work together. 763 </p> 764 <p> 765 We connect Strategy, Creative, SEO, Paid Media, Content, Social, Web, and Analytics into <em>one system</em>, so the work does not pull in different directions. A campaign should not end at the click. An SEO article should not bring traffic with nowhere to go. A report should not just prove that something happened; it should show what needs to happen next. 766 </p> 767 <p>
768 That is where MarkAge360 works best: finding the gap between effort and outcome, then building the right marketing around it. Sometimes that means clarifying the message. Sometimes it means fixing the landing page. Sometimes it means connecting paid media, content, and reporting so every channel knows its role. 769 </p> 770 <p> 771 Not every brand needs every service. But every service a brand uses should have a <em>job</em>, a <em>direction</em>, and a way to be <em>measured</em>. 772 </p> 773 </div> 774 <button 775 type="button" 776 class="ab3-founder-readmore" 777 data-ab3-story-toggle 778 aria-expanded="false" 779 aria-controls="ab3-founder-story-copy" 780 > 781 Read more 782 </button> 783 <a class="ab3-founder-link" href="/contact" data-open-lead-modal-header> 784 Work with us <i aria-hidden="true">â</i> 785 </a> 786 </article> 787 788 <article class="ab3-founder-card ab3-founder-card--credential"> 789 <div class="ab3-frame2-partner-art" aria-hidden="true"> 790 <div class="ab3-frame2-mark3d" data-ab3-mark3d> 791 <span class="ab3-frame2-mark3d-stack"> 792 <img style="--z:0" src="/assets/white-logomark.png" alt="MarkAge360" /> 793 <img style="--z:1" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 794 <img style="--z:2" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 795 <img style="--z:3" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 796 <img style="--z:4" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 797 <img style="--z:5" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 798 <img style="--z:6" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 799 <img style="--z:7" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 800 <img style="--z:8" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 801 <img style="--z:9" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 802 <img style="--z:10" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 803 <img style="--z:11" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 804 <img style="--z:12" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 805 <img style="--z:13" src="/assets/white-logomark.png" alt="" aria-hidden="true" /> 806 </span> 807 </div> 808 </div> 809 <div class="ab3-founder-credential-copy ab3-logo-story"> 810 <span class="ab3-logo-story-kicker">Logo story</span> 811 <strong>Break the Mold</strong> 812 <span class="ab3-logo-story-teaser">The MarkAge360 mark turns <em>M</em> and <em>A</em> into two rising arcs â one gain building on the next. Its sharp upward break captures the moment a line stops drifting and starts to climb. A simple symbol for what MarkAge360 helps clients do: <em>change the curve.</em></span> 813 <button 814 type="button" 815 class="ab3-logo-story-cta" 816 data-ab3-logo-story-open 817 aria-haspopup="dialog" 818 aria-controls="ab3-logo-story-modal" 819 > 820 Read the full logo story <i aria-hidden="true">â</i> 821 </button> 822 </div> 823 </article> 824 </div> 825 </section> 826 827 828 <section class="ab3-office ab3-bts" data-section="office" data-ab3-bts> 829 <div class="ab3-bts-sticky"> 830 <h2 class="ab3-bts-title" aria-label="Behind the scenes">BEHIND THE SCENES</h2> 831 <div class="ab3-bts-stage" data-ab3-office-strip> 832 833 834 <div class="ab3-bts-col" data-plane="2" data-bias="-1"> 835 <a class="ab3-bts-cell ab3-bts-cell--portrait" 836 href="#" data-ab3-office-tile 837 data-hi="/assets/about-us/markage360-1.webp" 838 data-caption="Inside the studio"> 839 <picture><source type="image/avif" srcset="/assets/about-us/markage360-1.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-1.webp" /><img src="/assets/about-us/markage360-1.png" 840 alt="Inside MarkAge360" loading="lazy" decoding="async" /></picture> 841 </a> 842 <a class="ab3-bts-cell ab3-bts-cell--landscape" 843 href="#" data-ab3-office-tile 844 data-hi="/assets/about-us/MarkAge360-office-building.webp" 845 data-caption="The studio building"> 846 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-office-building.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-office-building.webp" /><img src="/assets/about-us/MarkAge360-office-building.JPG" 847 alt="MarkAge360 office building" loading="lazy" decoding="async" /></picture> 848 </a> 849 <a class="ab3-bts-cell ab3-bts-cell--square" 850 href="#" data-ab3-office-tile 851 data-hi="/assets/about-us/markage360-inside-2.webp" 852 data-caption="Studio floor"> 853 <picture><source type="image/avif" srcset="/assets/about-us/markage360-inside-2.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-inside-2.webp" /><img src="/assets/about-us/markage360-inside-2.png" 854 alt="Studio floor" loading="lazy" decoding="async" /></picture> 855 </a> 856 </div> 857 858 859 <div class="ab3-bts-col" data-plane="1" data-bias="-1"> 860 <a class="ab3-bts-cell ab3-bts-cell--portrait" 861 href="#" data-ab3-office-tile 862 data-hi="/assets/about-us/MarkAge360-Office-inside.webp" 863 data-caption="Working in the studio"> 864 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Office-inside.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Office-inside.webp" /><img src="/assets/about-us/MarkAge360-Office-inside.png" 865 alt="Inside the studio" loading="lazy" decoding="async" /></picture> 866 </a> 867 <a class="ab3-bts-cell ab3-bts-cell--square" 868 href="#" data-ab3-office-tile 869 data-hi="/assets/about-us/markage360-cabin.webp" 870 data-caption="Cabin"> 871 <picture><source type="image/avif" srcset="/assets/about-us/markage360-cabin.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-cabin.webp" /><img src="/assets/about-us/markage360-cabin.png" 872 alt="Cabin" loading="lazy" decoding="async" /></picture> 873 </a> 874 <a class="ab3-bts-cell ab3-bts-cell--portrait" 875 href="#" data-ab3-office-tile 876 data-hi="/assets/about-us/MarkAge360-Cabin-Meetings.webp" 877 data-caption="Cabin meetings"> 878 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Cabin-Meetings.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Cabin-Meetings.webp" /><img src="/assets/about-us/MarkAge360-Cabin-Meetings.png" 879 alt="Cabin meetings" loading="lazy" decoding="async" /></picture> 880 </a> 881 <a class="ab3-bts-cell ab3-bts-cell--landscape" 882 href="#" data-ab3-office-tile 883 data-hi="/assets/about-us/MarkAge360-Night-view.webp" 884 data-caption="Night view"> 885 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Night-view.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Night-view.webp" /><img src="/assets/about-us/MarkAge360-Night-view.png" 886 alt="Night view" loading="lazy" decoding="async" /></picture> 887 </a> 888 </div> 889 890 891 <div class="ab3-bts-col" data-plane="0" data-bias="0"> 892 <a class="ab3-bts-cell ab3-bts-cell--portrait" 893 href="#" data-ab3-office-tile 894 data-hi="/assets/about-us/MarkAge360-entrance.webp" 895 data-caption="The entrance"> 896 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-entrance.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-entrance.webp" /><img src="/assets/about-us/MarkAge360-entrance.PNG" 897 alt="MarkAge360 entrance" loading="lazy" decoding="async" /></picture> 898 </a> 899 <a class="ab3-bts-cell ab3-bts-cell--landscape" 900 href="#" data-ab3-office-tile 901 data-hi="/assets/about-us/Night-time-MarkAge360.webp" 902 data-caption="MarkAge360 at night"> 903 <picture><source type="image/avif" srcset="/assets/about-us/Night-time-MarkAge360.avif" /><source type="image/webp" srcset="/assets/about-us/Night-time-MarkAge360.webp" /><img src="/assets/about-us/Night-time-MarkAge360.jpg" 904 alt="MarkAge360 at night" loading="lazy" decoding="async" /></picture> 905 </a> 906 <a class="ab3-bts-cell ab3-bts-cell--square" 907 href="#" data-ab3-office-tile 908 data-hi="/assets/about-us/markage360-inside-the-office.webp" 909 data-caption="Inside the office"> 910 <picture><source type="image/avif" srcset="/assets/about-us/markage360-inside-the-office.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-inside-the-office.webp" /><img src="/assets/about-us/markage360-inside-the-office.png" 911 alt="Inside the office" loading="lazy" decoding="async" /></picture> 912 </a> 913 <a class="ab3-bts-cell ab3-bts-cell--portrait" 914 href="#" data-ab3-office-tile 915 data-hi="/assets/about-us/markage360-office-1.webp" 916 data-caption="Studio & people"> 917 <picture><source type="image/avif" srcset="/assets/about-us/markage360-office-1.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-office-1.webp" /><img src="/assets/about-us/markage360-office-1.png" 918 alt="Studio and people" loading="lazy" decoding="async" /></picture> 919 </a> 920 </div> 921 922 923 <div class="ab3-bts-col" data-plane="1" data-bias="1"> 924 <a class="ab3-bts-cell ab3-bts-cell--square" 925 href="#" data-ab3-office-tile 926 data-hi="/assets/about-us/markage360-office-2.webp" 927 data-caption="The studio"> 928 <picture><source type="image/avif" srcset="/assets/about-us/markage360-office-2.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-office-2.webp" /><img src="/assets/about-us/markage360-office-2.png" 929 alt="The studio" loading="lazy" decoding="async" /></picture> 930 </a> 931 <a class="ab3-bts-cell ab3-bts-cell--portrait" 932 href="#" data-ab3-office-tile 933 data-hi="/assets/about-us/MarkAge360-Reception-Area.webp" 934 data-caption="Reception area"> 935 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Reception-Area.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Reception-Area.webp" /><img src="/assets/about-us/MarkAge360-Reception-Area.png" 936 alt="Reception area" loading="lazy" decoding="async" /></picture> 937 </a> 938 <a class="ab3-bts-cell ab3-bts-cell--square" 939 href="#" data-ab3-office-tile 940 data-hi="/assets/about-us/markage360-2.webp" 941 data-caption="Studio life"> 942 <picture><source type="image/avif" srcset="/assets/about-us/markage360-2.avif" /><source type="image/webp" srcset="/assets/about-us/markage360-2.webp" /><img src="/assets/about-us/markage360-2.png" 943 alt="Studio life" loading="lazy" decoding="async" /></picture> 944 </a> 945 <a class="ab3-bts-cell ab3-bts-cell--portrait" 946 href="#" data-ab3-office-tile 947 data-hi="/assets/about-us/MarkAge360-Office-inside-2.webp" 948 data-caption="Day in the studio"> 949 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Office-inside-2.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Office-inside-2.webp" /><img src="/assets/about-us/MarkAge360-Office-inside-2.png" 950 alt="Day in the studio" loading="lazy" decoding="async" /></picture> 951 </a> 952 </div> 953 954 955 <div class="ab3-bts-col" data-plane="2" data-bias="1"> 956 <a class="ab3-bts-cell ab3-bts-cell--portrait" 957 href="#" data-ab3-office-tile 958 data-hi="/assets/about-us/MarkAge360-Award.webp" 959 data-caption="Award · recognition"> 960 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Award.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Award.webp" /><img src="/assets/about-us/MarkAge360-Award.jpg" 961 alt="MarkAge360 award" loading="lazy" decoding="async" /></picture> 962 </a> 963 <a class="ab3-bts-cell ab3-bts-cell--square" 964 href="#" data-ab3-office-tile 965 data-hi="/assets/about-us/MarkAge360-Inside-the-office-2.webp" 966 data-caption="Inside the office"> 967 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-Inside-the-office-2.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-Inside-the-office-2.webp" /><img src="/assets/about-us/MarkAge360-Inside-the-office-2.png" 968 alt="Inside the office" loading="lazy" decoding="async" /></picture> 969 </a> 970 <a class="ab3-bts-cell ab3-bts-cell--portrait" 971 href="#" data-ab3-office-tile 972 data-hi="/assets/about-us/MarkAge360-award-2.webp" 973 data-caption="Award · recognition"> 974 <picture><source type="image/avif" srcset="/assets/about-us/MarkAge360-award-2.avif" /><source type="image/webp" srcset="/assets/about-us/MarkAge360-award-2.webp" /><img src="/assets/about-us/MarkAge360-award-2.jpg" 975 alt="MarkAge360 award" loading="lazy" decoding="async" /></picture> 976 </a> 977 </div> 978 979 </div> 980 </div> 981 </section> 982 983 984 <style> 985 .ind-cap { 986 position: relative; 987 --shell: min(1240px, 92vw); 988 --ink: #0a0f1a; 989 --ink-soft: rgba(10, 15, 26, 0.62); 990 --sub: rgba(10, 15, 26, 0.5); 991 --line: rgba(10, 15, 26, 0.2); 992 --line-soft: rgba(10, 15, 26, 0.1); 993 --ind-tone: #2f7ef7; 994 --ease: cubic-bezier(0.2, 0.7, 0.2, 1); 995 background: #ffffff; 996 color: var(--ink); 997 } 998 .ind-cap-stage { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: clamp(1.4rem, 4vh, 2.6rem); overflow: hidden; padding: clamp(5.5rem, 13vh, 9rem) 0 clamp(3rem, 7vh, 5rem); } 999 .ind-cap-head { width: min(100% - 44px, var(--shell)); margin: 0 auto; flex: none; } 1000 .ind-cap-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ind-tone); } 1001 .ind-cap-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--ind-tone); display:
1001 inline-block; } 1002 .ind-cap-h2 { font-size: clamp(1.9rem, 3.6vw, 3rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.06; color: var(--ink); margin: 0.85rem 0 0; max-width: 20ch; } 1003 .ind-cap-h2 em { font-style: normal; color: var(--ind-tone); } 1004 .ind-cap-sub { font-size: clamp(1rem, 1.25vw, 1.15rem); line-height: 1.55; color: var(--ink-soft); margin: 0.9rem 0 0; max-width: 46ch; } 1005 .ind-cap-inner { position: relative; width: min(100% - 44px, var(--shell)); margin: 0 auto; flex: 1; display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(24px, 5vw, 80px); align-items: center; } 1006 .ind-cap-rail { display: flex; flex-direction: column; gap: 0.9rem; } 1007 .ind-cap-railhead { font-size: 0.72rem; font-weight: 600; color: var(--sub); margin-bottom: 0.4rem; text-transform: uppercase; letter-spacing: 0.14em; } 1008 .ind-cap-dot { display: flex; align-items: center; gap: 0.7rem; font-size: 1rem; color: var(--sub); cursor: default; transition: color 0.4s var(--ease); } 1009 .ind-cap-dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--line); flex-shrink: 0; transition: background 0.4s var(--ease), transform 0.4s var(--ease); } 1010 .ind-cap-dot.is-active { color: var(--ink); } 1011 .ind-cap-dot.is-active::before { background: var(--ind-tone); transform: scale(1.5); } 1012 .ind-cap-panels { position: relative; min-height: 340px; } 1013 .ind-cap-panel { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; opacity: 0; transform: translateY(26px) scale(0.98); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); pointer-events: none; } 1014 .ind-cap-panel.is-active { opacity: 1; transform: none; pointer-events: auto; } 1015 .ind-cap-index { font-size: clamp(3.4rem, 9vw, 7rem); font-weight: 600; letter-spacing: -0.04em; line-height: 0.9; color: color-mix(in srgb, var(--ind-tone) 18%, transparent); margin-bottom: 0.4rem; } 1016 .ind-cap-tag { font-size: 0.85rem; font-weight: 600; color: var(--ind-tone); margin-bottom: 0.7rem; display: block; } 1017 .ind-cap-panel h3 { font-size: clamp(1.8rem, 3.6vw, 2.9rem); line-height: 1.08; margin: 0 0 0.9rem; font-weight: 500; letter-spacing: -0.014em; color: var(--ink); } 1018 .ind-cap-panel h3 em { font-style: normal; color: var(--ind-tone); } 1019 .ind-cap-panel p { font-size: clamp(1.08rem, 1.7vw, 1.32rem); line-height: 1.5; color: var(--ink-soft); max-width: 36ch; margin: 0; } 1020 .ind-cap-progress { position: absolute; bottom: 6vh; left: 50%; transform: translateX(-50%); width: min(46%, 360px); height: 3px; border-radius: 3px; background: var(--line-soft); overflow: hidden; } 1021 .ind-cap-progress i { display: block; height: 100%; width: 0; background: var(--ind-tone); border-radius: 3px; } 1022 1023 /* ââ Rail: mono indices instead of dots â instrument, not bullets. */ 1024 .ind-cap-rail { counter-reset: capdot; } 1025 .ind-cap-dot::before { 1026 counter-increment: capdot; 1027 content: counter(capdot, decimal-leading-zero); 1028 width: auto; height: auto; border-radius: 0; background: none; 1029 font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace; 1030 font-size: 0.64rem; font-weight: 600; letter-spacing: 0.1em; 1031 color: var(--sub); 1032 transition: color 0.4s var(--ease); 1033 } 1034 .ind-cap-dot.is-active::before { background: none; transform: none; color: var(--ind-tone); } 1035 1036 /* ââ GROWTH CONSOLE â one living instrument, four configurations. 1037 Scene geometry is built and driven by the script below: scrubbed 1038 by scroll on desktop, time-played inside the mobile carousel. */ 1039 .ind-cap-console { 1040 --cc-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace; 1041 --cc-ink: #0a0f1a; 1042 --cc-soft: rgba(10, 15, 26, 0.45); 1043 --cc-line: rgba(10, 15, 26, 0.16); 1044 --cc-line-soft: rgba(10, 15, 26, 0.07); 1045 --cc-blue: var(--ind-tone, #2f7ef7); 1046 --cc-surface: #ffffff; 1047 display: none; 1048 position: relative; 1049 flex-direction: column; 1050 width: 100%; 1051 margin: 0; 1052 border: 1px solid var(--cc-line); 1053 border-radius: 22px; 1054 background: var(--cc-surface); 1055 overflow: hidden; 1056 } 1057 .ind-cap-console-bar { 1058 display: flex; align-items: center; gap: 0.75rem; 1059 padding: 0.72rem 1.05rem; 1060 border-bottom: 1px solid var(--cc-line-soft); 1061 flex: none; 1062 } 1063 .ind-cap-console-windots { display: inline-flex; gap: 5px; } 1064 .ind-cap-console-windots i { width: 8px; height: 8px; border-radius: 50%; display: block; } 1065 .ind-cap-console-windots i:nth-child(1) { background: #1a5fd4; } 1066 .ind-cap-console-windots i:nth-child(2) { background: #2f7ef7; } 1067 .ind-cap-console-windots i:nth-child(3) { background: #8cc0ff; } 1068 .ind-cap-console-title { 1069 font-family: var(--cc-mono); font-size: 0.62rem; font-weight: 600; 1070 letter-spacing: 0.18em; text-transform: uppercase; color: var(--cc-soft); 1071 } 1072 .ind-cap-console-live { 1073 margin-left: auto; display: inline-flex; align-items: center; gap: 0.4rem; 1074 font-family: var(--cc-mono); font-size: 0.58rem; font-weight: 700; 1075 letter-spacing: 0.16em; text-transform: uppercase; color: var(--cc-blue); 1076 } 1077 .ind-cap-console-live i { 1078 width: 6px; height: 6px; border-radius: 50%; background: var(--cc-blue); 1079 animation: ccpulse 1.9s ease-in-out infinite; 1080 } 1081 @keyframes ccpulse { 0%, 100% { opacity: 1; transform: none; } 50% { opacity: 0.35; transform: scale(0.72); } } 1082 .ind-cap-console-view { position: relative; flex: 1; min-height: 0; } 1083 .ind-cap-console-view svg { width: 100%; height: auto; display: block; } 1084 .ind-cap-console-cap { 1085 display: flex; align-items: center; gap: 0.6rem; 1086 padding: 0.68rem 1.05rem; 1087 border-top: 1px solid var(--cc-line-soft); 1088 font-family: var(--cc-mono); font-size: 0.62rem; font-weight: 600; 1089 letter-spacing: 0.15em; text-transform: uppercase; color: var(--cc-soft); 1090 flex: none; 1091 } 1092 .ind-cap-console-cap [data-capcon-num] { color: var(--cc-blue); font-variant-numeric: tabular-nums; } 1093 .ind-cap-console-cap i { width: 1.6rem; height: 1px; background: var(--cc-line); flex: none; } 1094 .ind-cap-console-cap [data-capcon-label] { transition: opacity 220ms ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 1095 .ind-cap-console-cap b { 1096 margin-left: auto; font-weight: 700; color: var(--cc-ink); 1097 font-variant-numeric: tabular-nums; white-space: nowrap; 1098 } 1099 1100 /* console SVG inks (shared by desktop + mobile instances) */ 1101 .ind-cap-console .cc-scene { will-change: opacity, transform; } 1102 .ind-cap-console .cc-base { stroke: var(--cc-line); stroke-width: 1; stroke-dasharray: 2 5; } 1103 .ind-cap-console .cc-noise { stroke: var(--cc-ink); stroke-width: 1; fill: none; } 1104 .ind-cap-console .cc-signal { stroke: var(--cc-ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } 1105 .ind-cap-console .cc-sigdot { fill: var(--cc-surface); stroke: var(--cc-blue); stroke-width: 1.8; } 1106 .ind-cap-console .cc-scan { stroke: var(--cc-blue); stroke-width: 1.2; stroke-dasharray: 2 4; } 1107 .ind-cap-console .cc-node { fill: none; stroke: var(--cc-line); stroke-width: 1; transition: stroke 300ms ease; } 1108 .ind-cap-console .cc-node.is-lit { stroke: var(--cc-blue); } 1109 .ind-cap-console .cc-nodetxt { font-family: var(--cc-mono); font-size: 9.5px; font-weight: 600; letter-spacing: 0.1em; fill: var(--cc-soft); transition: fill 300ms ease; } 1110 .ind-cap-console .cc-nodetxt.is-lit { fill: var(--cc-ink); } 1111 .ind-cap-console .cc-wire { stroke: var(--cc-line-soft); stroke-width: 1.1; fill: none; } 1112 .ind-cap-console .cc-wirelit { stroke: var(--cc-blue); stroke-width: 1.5; fill: none; stroke-linecap: round; } 1113 .ind-cap-console .cc-bus { fill: none; stroke: var(--cc-line); stroke-width: 1; } 1114 .ind-cap-console .cc-buscore { fill: var(--cc-blue); } 1115 .ind-cap-console .cc-bar { fill: var(--cc-blue); } 1116 .ind-cap-console .cc-counter { font-family: var(--cc-mono); font-size: 17px; font-weight: 700; fill: var(--cc-ink); font-variant-numeric: tabular-nums; } 1117 .ind-cap-console .cc-track { stroke: var(--cc-line); stroke-width: 1.2; } 1118 .ind-cap-console .cc-tickrow line { stroke: var(--cc-line-soft); stroke-width: 1; } 1119 .ind-cap-console .cc-pressfill { stroke: var(--cc-blue); stroke-width: 2.6; stroke-linecap: round; } 1120 .ind-cap-console .cc-needle { stroke: var(--cc-ink); stroke-width: 2; stroke-linecap: round; } 1121 .ind-cap-console .cc-needlehead { fill: var(--cc-ink); } 1122 .ind-cap-console .cc-wall { stroke: var(--cc-ink); stroke-width: 1.6; stroke-dasharray: 4 4; fill: none; } 1123 .ind-cap-console .cc-wallghost { stroke: var(--cc-soft); stroke-width: 1.2; stroke-dasharray: 4 4; } 1124 .ind-cap-console .cc-zone { fill: var(--cc-blue); } 1125 .ind-cap-console .cc-flash { fill: none; stroke: var(--cc-blue); stroke-width: 1.6; } 1126 .ind-cap-console .cc-walltxt { font-family: var(--cc-mono); font-size: 8.5px; font-weight: 600; letter-spacing: 0.14em; fill: var(--cc-soft); } 1127 .ind-cap-console .cc-ruler line { stroke: var(--cc-line); stroke-width: 1; } 1128 .ind-cap-console .cc-mline { stroke: var(--cc-ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } 1129 .ind-cap-console .cc-cal line { stroke: var(--cc-blue); stroke-width: 1.4; } 1130 .ind-cap-console .cc-caltxt { font-family: var(--cc-mono); font-size: 9px; font-weight: 700; fill: var(--cc-blue); font-variant-numeric: tabular-nums; } 1131 .ind-cap-console .cc-mark { fill: var(--cc-blue); } 1132 1133 @media (min-width: 1200px) { 1134 .ind-cap-inner { grid-template-columns: 0.56fr 0.92fr 1.12fr; } 1135 .ind-cap-stage .ind-cap-console { 1136 display: flex; 1137 align-self: center; 1138 box-shadow: 1139 0 40px 90px -52px rgba(10, 15, 26, 0.4), 1140 0 18px 44px -30px rgba(47, 126, 247, 0.2); 1141 } 1142 } 1143 /* static fallback â mobile / reduced motion */ 1144 .ind-cap--static { padding: clamp(80px, 11vh, 150px) 0; } 1145 .ind-cap--static .ind-cap-stage { position: static; height: auto; display: block; } 1146 .ind-cap--static .ind-cap-inner { display: block; } 1147 .ind-cap--static .ind-cap-rail, .ind-cap--static .ind-cap-progress { display: none; } 1148 .ind-cap--static .ind-cap-panels { min-height: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 3vw, 40px); } 1149 .ind-cap--static .ind-cap-panel { position: static; opacity: 1; transform: none; pointer-events: auto; padding: clamp(26px, 3vw, 38px); border: 1px solid var(--line-soft); border-radius: 22px; } 1150 .ind-cap--static .ind-cap-index { font-size: clamp(2.4rem, 6vw, 3.4rem); } 1151 @media (max-width: 900px) { .ind-cap-inner { grid-template-columns: 1fr; } } 1152 @media (max-width: 600px) { .ind-cap--static .ind-cap-panels { grid-template-columns: 1fr; } } 1153 1154 /* ââ MOBILE: Apple "Live Activities"-style carousel âââââââââââ 1155 image on top â click-only heading rail (arrows + underline) â desc. 1156 Replaces the desktop pinned scrub below 900px. */ 1157 .ind-cap-m { display: none; } 1158 @media (max-width: 900px) { 1159 .ind-cap { 1160 height: auto !important; 1161 padding: clamp(42px, 7vh, 72px) 0 clamp(62px, 10vh, 92px); 1162 background: #000; 1163 color: #f5f7ff; 1164 overflow: hidden; 1165 } 1166 .ind-cap .ind-cap-stage { display: none !important; } 1167 .ind-cap-m { 1168 display: block; 1169 width: min(100%, 42rem); 1170 margin: 0 auto; 1171 color: #f5f7ff; 1172 } 1173 .ind-cap-m-head { 1174 width: min(100% - 40px, 36rem); 1175 margin: 0 auto clamp(1.3rem, 4vh, 2.1rem); 1176 } 1177 .ind-cap-m-head .ind-cap-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ind-tone); } 1178 .ind-cap-m-head .ind-cap-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--ind-tone); display: inline-block; } 1179 .ind-cap-m-head h2 { font-size: clamp(1.48rem, 5.8vw, 1.9rem); font-weight: 450; letter-spacing: -0.02em; line-height: 1.12; color: #f7f8fb; margin: 0.7rem 0 0; } 1180 .ind-cap-m-head h2 em { font-style: normal;
1180 color: var(--ind-tone); } 1181 .ind-cap-m-media { 1182 position: relative; 1183 width: 100%; 1184 margin: 0 0 clamp(1.2rem, 3.6vh, 2.1rem); 1185 overflow: hidden; 1186 aspect-ratio: 16 / 10; 1187 background: #111318; 1188 box-shadow: 0 34px 90px -48px rgba(47, 126, 247, 0.65); 1189 touch-action: pan-y; 1190 } 1191 .ind-cap-m-media .ind-cap-console { 1192 --cc-ink: #f2f5ff; 1193 --cc-soft: rgba(242, 245, 255, 0.52); 1194 --cc-line: rgba(242, 245, 255, 0.22); 1195 --cc-line-soft: rgba(242, 245, 255, 0.1); 1196 --cc-surface: #0b0e14; 1197 display: flex; 1198 position: absolute; 1199 inset: 0; 1200 border: 0; 1201 border-radius: 0; 1202 } 1203 .ind-cap-m-media .ind-cap-console-view { display: flex; align-items: center; justify-content: center; } 1204 .ind-cap-m-media .ind-cap-console-view svg { height: 100%; } 1205 .ind-cap-m-bar { 1206 display: flex; 1207 align-items: center; 1208 gap: 0.5rem; 1209 width: min(100% - 40px, 38rem); 1210 margin: 0 auto; 1211 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 1212 } 1213 .ind-cap-m-tabs { 1214 position: relative; 1215 flex: 1; 1216 min-width: 0; 1217 min-height: 3.1em; 1218 } 1219 .ind-cap-m-tab { 1220 position: absolute; 1221 inset: 0; 1222 width: 100%; 1223 display: flex; 1224 align-items: center; 1225 justify-content: center; 1226 background: none; 1227 border: 0; 1228 padding: 0.4rem 0.5rem; 1229 font: inherit; 1230 font-size: clamp(1.04rem, 4.3vw, 1.3rem); 1231 font-weight: 450; 1232 letter-spacing: -0.012em; 1233 line-height: 1.22; 1234 color: #f7f8fb; 1235 text-align: center; 1236 text-wrap: balance; 1237 cursor: pointer; 1238 opacity: 0; 1239 visibility: hidden; 1240 pointer-events: none; 1241 transition: opacity 420ms ease; 1242 } 1243 .ind-cap-m-tab.is-active { 1244 opacity: 1; 1245 visibility: visible; 1246 pointer-events: auto; 1247 } 1248 .ind-cap-m-arrow { 1249 flex: none; 1250 width: 2.2rem; 1251 height: 2.2rem; 1252 border-radius: 50%; 1253 border: 0; 1254 background: transparent; 1255 color: rgba(255, 255, 255, 0.92); 1256 font-size: 2rem; 1257 line-height: 1; 1258 cursor: pointer; 1259 display: grid; 1260 place-items: center; 1261 transition: color 180ms ease; 1262 } 1263 .ind-cap-m-arrow:disabled { 1264 color: rgba(255, 255, 255, 0.26); 1265 cursor: default; 1266 } 1267 .ind-cap-m-count { 1268 width: min(100% - 40px, 38rem); 1269 margin: 0.95rem auto 0; 1270 text-align: center; 1271 font-size: 0.72rem; 1272 font-weight: 500; 1273 letter-spacing: 0.18em; 1274 font-variant-numeric: tabular-nums; 1275 color: rgba(245, 247, 255, 0.34); 1276 } 1277 .ind-cap-m-count b { color: rgba(245, 247, 255, 0.8); font-weight: 500; } 1278 .ind-cap-m-desc { 1279 width: min(100% - 48px, 32rem); 1280 margin: clamp(1.3rem, 4vh, 2.1rem) auto 0; 1281 font-size: clamp(1.04rem, 4.1vw, 1.32rem); 1282 line-height: 1.5; 1283 font-weight: 400; 1284 letter-spacing: -0.005em; 1285 text-align: center; 1286 color: rgba(245, 247, 255, 0.82); 1287 text-wrap: balance; 1288 transition: opacity 300ms ease; 1289 } 1290 } 1291 </style> 1292 <section class="ind-cap" data-ind-cap aria-label="Our principles in practice"> 1293 <div class="ind-cap-stage"> 1294 <div class="ind-cap-head">
1295 <span class="ind-cap-eyebrow"><i></i>Our principles</span> 1296 <h2 class="ind-cap-h2">Four laws for making growth feel <em>alive</em>.</h2> 1297 <p class="ind-cap-sub">Clear enough to act, with no hidden logic and no padded reports. Here is how each law shows up in the work.</p> 1298 </div> 1299 <div class="ind-cap-inner"> 1300 <div class="ind-cap-rail"> 1301 <span class="ind-cap-railhead">In practice</span> 1302 <span class="ind-cap-dot is-active">Clear enough to act</span> 1303 <span class="ind-cap-dot">Connected to compound</span> 1304 <span class="ind-cap-dot">Close enough to challenge</span> 1305 <span class="ind-cap-dot">Measured to improve</span> 1306 </div> 1307 <div class="ind-cap-panels"> 1308 <div class="ind-cap-panel is-active"> 1309 <span class="ind-cap-index">01</span> 1310 <span class="ind-cap-tag">Clarity</span> 1311 <h3>Clear Enough to <em>Act</em></h3> 1312 <p>We cut the noise â no padded dashboards, no vanity metrics. You get marketing you can read at a glance and act on the same day, with the reasoning behind every decision in plain sight.</p> 1313 </div> 1314 <div class="ind-cap-panel"> 1315 <span class="ind-cap-index">02</span> 1316 <span class="ind-cap-tag">Compounding</span> 1317 <h3>Connected Enough to <em>Compound</em></h3> 1318 <p>Strategy, creative, search, paid media and web stop running in silos. We wire them into one operating layer so each channel feeds the next â and the gains stack instead of cancelling out.</p> 1319 </div> 1320 <div class="ind-cap-panel"> 1321 <span class="ind-cap-index">03</span> 1322 <span class="ind-cap-tag">Challenge</span> 1323 <h3>Close Enough to <em>Challenge</em></h3> 1324 <p>We work shoulder to shoulder with your team and your numbers, then push past the easy answer. The job isn't to agree â it's to find the real constraint on growth and move it.</p> 1325 </div> 1326 <div class="ind-cap-panel"> 1327 <span class="ind-cap-index">04</span> 1328 <span class="ind-cap-tag">Measurement</span> 1329 <h3>Measured Enough to <em>Improve</em></h3> 1330 <p>Activity isn't progress. We instrument what actually matters, read what the data is telling us, and reinvest in what works â so the system gets sharper every quarter.</p> 1331 </div> 1332 </div> 1333 1334 <div class="ind-cap-console" aria-hidden="true" data-capcon> 1335 <div class="ind-cap-console-bar"> 1336 <span class="ind-cap-console-windots"><i></i><i></i><i></i></span> 1337 <span class="ind-cap-console-title">Growth console</span> 1338 <span class="ind-cap-console-live"><i></i>Live</span> 1339 </div> 1340 <div class="ind-cap-console-view"> 1341 <svg viewBox="0 0 560 400" preserveAspectRatio="xMidYMid meet" fill="none" xmlns="http://www.w3.org/2000/svg" data-capcon-svg></svg> 1342 </div> 1343 <div class="ind-cap-console-cap"> 1344 <span data-capcon-num>01</span> 1345 <i></i> 1346 <span data-capcon-label>Noise â signal</span> 1347 <b data-capcon-metric>Signal 12%</b> 1348 </div> 1349 </div> 1350 </div> 1351 <div class="ind-cap-progress" aria-hidden="true"><i></i></div> 1352 </div> 1353 <div class="ind-cap-m" data-capm> 1354 <div class="ind-cap-m-head"> 1355 <span class="ind-cap-eyebrow"><i></i>Our principles</span> 1356 <h2>Four laws for making growth feel <em>alive</em>.</h2> 1357 </div> 1358 <figure class="ind-cap-m-media"> 1359 <div class="ind-cap-console" aria-hidden="true" data-capcon-m> 1360 <div class="ind-cap-console-bar">
1361 <span class="ind-cap-console-windots"><i></i><i></i><i></i></span> 1362 <span class="ind-cap-console-title">Growth console</span> 1363 <span class="ind-cap-console-live"><i></i>Live</span> 1364 </div> 1365 <div class="ind-cap-console-view"> 1366 <svg viewBox="0 0 560 400" preserveAspectRatio="xMidYMid meet" fill="none" xmlns="http://www.w3.org/2000/svg" data-capcon-svg></svg> 1367 </div> 1368 <div class="ind-cap-console-cap"> 1369 <span data-capcon-num>01</span> 1370 <i></i> 1371 <span data-capcon-label>Noise â signal</span> 1372 <b data-capcon-metric>Signal 12%</b> 1373 </div> 1374 </div> 1375 </figure> 1376 <div class="ind-cap-m-bar"> 1377 <button class="ind-cap-m-arrow" type="button" data-capm-prev aria-label="Previous principle" aria-disabled="true" disabled>‹</button> 1378 <div class="ind-cap-m-tabs" data-capm-tabs role="tablist"> 1379 <button class="ind-cap-m-tab is-active" type="button" role="tab" 1380 data-desc="We cut the noise â no padded dashboards, no vanity metrics. You get marketing you can read at a glance and act on the same day, with the reasoning behind every decision in plain sight.">Clear Enough to Act</button> 1381 <button class="ind-cap-m-tab" type="button" role="tab" 1382 data-desc="Strategy, creative, search, paid media and web stop running in silos. We wire them into one operating layer so each channel feeds the next â and the gains stack instead of cancelling out.">Connected Enough to Compound</button> 1383 <button class="ind-cap-m-tab" type="button" role="tab" 1384 data-desc="We work shoulder to shoulder with your team and your numbers, then push past the easy answer. The job isn't to agree â it's to find the real constraint on growth and move it.">Close Enough to Challenge</button> 1385 <button class="ind-cap-m-tab" type="button" role="tab" 1386 data-desc="Activity isn't progress. We instrument what actually matters, read what the data is telling us, and reinvest in what works â so the system gets sharper every quarter.">Measured Enough to Improve</button> 1387 </div> 1388 <button class="ind-cap-m-arrow" type="button" data-capm-next aria-label="Next principle">›</button> 1389 </div> 1390 <div class="ind-cap-m-count" data-capm-count aria-hidden="true"><b>01</b> / 04</div> 1391 <p class="ind-cap-m-desc" data-capm-desc>We cut the noise â no padded dashboards, no vanity metrics. You get marketing you can read at a glance and act on the same day, with the reasoning behind every decision in plain sight.</p> 1392 </div> 1393 </section> 1394
1394<script> 1395 /* ââ GROWTH CONSOLE factory âââââââââââââââââââââââââââââââââ 1396 One living instrument, four configurations â noiseâsignal, 1397 compounding fabric, constraint break, measured improvement. 1398 Shared by the desktop scroll-scrub and the mobile carousel: 1399 render(p, now) scrubs scenes on a continuous 0..3 axis; 1400 play(k) time-plays a single scene (mobile tabs). */ 1401 function makeCapConsole(root) { 1402 if (!root) return null; 1403 var svg = root.querySelector('[data-capcon-svg]'); 1404 if (!svg) return null; 1405 var numEl = root.querySelector('[data-capcon-num]'); 1406 var labelEl = root.querySelector('[data-capcon-label]'); 1407 var metricEl = root.querySelector('[data-capcon-metric]'); 1408 var NS = 'http://www.w3.org/2000/svg'; 1409 var LABELS = ['Noise â signal', 'Gains that stack', 'Break the constraint', 'Measured, then improved']; 1410 var clamp = function (v) { return Math.min(1, Math.max(0, v)); }; 1411 var ease = function (w) { return w * w * (3 - 2 * w); }; 1412 var lerp = function (a, b, w) { return a + (b - a) * w; }; 1413 var mk = function (tag, attrs, parent) { 1414 var e = document.createElementNS(NS, tag); 1415 for (var a in attrs) e.setAttribute(a, attrs[a]); 1416 (parent || svg).appendChild(e); 1417 return e; 1418 }; 1419 var txt = function (str, attrs, parent) { 1420 var e = mk('text', attrs, parent); 1421 e.textContent = str; 1422 return e; 1423 }; 1424 var polyd = function (pts) { 1425 var out = ''; 1426 for (var i = 0; i < pts.length; i++) out += (i ? 'L' : 'M') + pts[i][0].toFixed(1) + ' ' + pts[i][1].toFixed(1); 1427 return out; 1428 }; 1429 1430 /* ââ scene 1 · noise resolves into one signal ââ */ 1431 var s1 = mk('g', { class: 'cc-scene' }); 1432 mk('line', { class: 'cc-base', x1: 48, y1: 336, x2: 516, y2: 336 }, s1); 1433 var s1noise = []; 1434 for (var j = 0; j < 8; j++) { 1435 s1noise.push({ el: mk('path', { class: 'cc-noise' }, s1), base: 96 + j * 29, ph: j * 1.83 }); 1436 } 1437 var s1scan = mk('line', { class: 'cc-scan', y1: 62, y2: 336 }, s1); 1438 var s1sig = mk('path', { class: 'cc-signal' }, s1); 1439 var s1dot = mk('circle', { class: 'cc-sigdot', r: 4 }, s1); 1440 var s1len = 0; 1441 var s1y = function (u, now) { 1442 return 328 - 244 * Math.pow(u, 1.5) + Math.sin(u * 8.5 + now * 0.0011) * 2.2; 1443 }; 1444 var up1 = function (t, now) { 1445 var K = 40, k, u, x; 1446 var d = ''; 1447 for (k = 0; k < K; k++) { 1448 u = k / (K - 1); 1449 x = 48 + 468 * u; 1450 d += (k ? 'L' : 'M') + x.toFixed(1) + ' ' + 1451 (s1y(u, now) + Math.sin(u * 24 + now * 0.002) * 9 * (1 - t)).toFixed(1); 1452 } 1453 s1sig.setAttribute('d', d); 1454 if (!s1len) s1len = s1sig.getTotalLength() || 640; 1455 var drawn = ease(clamp(t * 1.28)); 1456 s1sig.setAttribute('stroke-dasharray', s1len); 1457 s1sig.setAttribute('stroke-dashoffset', s1len * (1 - drawn)); 1458 var pt = s1sig.getPointAtLength(s1len * drawn); 1459 s1dot.setAttribute('cx', pt.x.toFixed(1)); 1460 s1dot.setAttribute('cy', pt.y.toFixed(1)); 1461 for (var n2 = 0; n2 < s1noise.length; n2++) { 1462 var nl = s1noise[n2]; 1463 var c = ease(clamp(t * 1.45 - n2 * 0.055)); 1464 var nd = ''; 1465 for (k = 0; k < K; k++) { 1466 u = k / (K - 1); 1467 x = 48 + 468 * u; 1468 var wob = Math.sin(u * 21 + nl.ph + now * 0.0014) * 17 + Math.sin(u * 47 + nl.ph * 2.1) * 7; 1469 nd += (k ? 'L' : 'M') + x.toFixed(1) + ' ' + lerp(nl.base + wob, s1y(u, now), c).toFixed(1); 1470 } 1471 nl.el.setAttribute('d', nd); 1472 nl.el.setAttribute('opacity', ((1 - c) * 0.42 + 0.05).toFixed(3)); 1473 } 1474 s1scan.setAttribute('x1', (48 + 468 * ease(clamp(t * 1.15))).toFixed(1)); 1475 s1scan.setAttribute('x2', (48 + 468 * ease(clamp(t * 1.15))).toFixed(1)); 1476 s1scan.setAttribute('opacity', (clamp(t / 0.05) * (1 - clamp((t - 0.8) / 0.18)) * 0.8).toFixed(3)); 1477 }; 1478 1479 /* ââ scene 2 · channels wire into one fabric; gains stack ââ */ 1480 var s2 = mk('g', { class: 'cc-scene' }); 1481 mk('line', { class: 'cc-base', x1: 414, y1: 336, x2: 524, y2: 336 }, s2); 1482 var CH = ['SEO', 'PAID', 'SOCIAL', 'WEB', 'CRM']; 1483 var s2ys = [86, 147, 208, 269, 330]; 1484 var s2wires = [], s2nodes = []; 1485 for (var c2 = 0; c2 < 5; c2++) { 1486 var wy = s2ys[c2]; 1487 var wd = 'M122 ' + wy + ' C 186 ' + wy + ', 220 208, 279 208'; 1488 mk('path', { class: 'cc-wire', d: wd }, s2); 1489 s2wires.push({ lit: mk('path', { class: 'cc-wirelit', d: wd }, s2), len: 0 }); 1490 s2nodes.push({ 1491 rect: mk('rect', { class: 'cc-node', x: 44, y: wy - 14, width: 78, height: 28, rx: 14 }, s2), 1492 txt: txt(CH[c2], { class: 'cc-nodetxt', x: 83, y: wy + 3.5, 'text-anchor': 'middle' }, s2) 1493 }); 1494 } 1495 mk('circle', { class: 'cc-bus', cx: 296, cy: 208, r: 16 }, s2); 1496 var s2core = mk('circle', { class: 'cc-buscore', cx: 296, cy: 208, r: 5 }, s2); 1497 mk('path', { class: 'cc-wire', d: 'M312 208 L 436 208' }, s2); 1498 var s2out = mk('path', { class: 'cc-wirelit', d: 'M312 208 L 436 208' }, s2); 1499 var s2pulse = mk('circle', { class: 'cc-buscore', r: 2.8, cy: 208, opacity: 0 }, s2); 1500 var S2H = [20, 25, 31, 39, 49]; 1501 var s2bars = []; 1502 for (var b2 = 0; b2 < 5; b2++) { 1503 s2bars.push(mk('rect', { class: 'cc-bar', x: 446, width: 48, rx: 3, opacity: (0.32 + b2 * 0.17).toFixed(2) }, s2)); 1504 } 1505 var s2count = txt('+0%', { class: 'cc-counter', x: 470, y: 120, 'text-anchor': 'middle' }, s2); 1506 var up2 = function (t, now) { 1507 var k; 1508 for (k = 0; k < 5; k++) { 1509 var w = s2wires[k]; 1510 var wk = ease(clamp((t - 0.055 * k) / 0.3)); 1511 if (!w.len) w.len = w.lit.getTotalLength() || 220; 1512 w.lit.setAttribute('stroke-dasharray', w.len); 1513 w.lit.setAttribute('stroke-dashoffset', w.len * (1 - wk)); 1514 var lit = wk > 0.12; 1515 s2nodes[k].rect.setAttribute('class', 'cc-node' + (lit ? ' is-lit' : '')); 1516 s2nodes[k].txt.setAttribute('class', 'cc-nodetxt' + (lit ? ' is-lit' : '')); 1517 } 1518 var ow = ease(clamp((t - 0.42) / 0.2)); 1519 s2out.setAttribute('stroke-dasharray', 124); 1520 s2out.setAttribute('stroke-dashoffset', 124 * (1 - ow)); 1521 var top = 336; 1522 for (k = 0; k < 5; k++) { 1523 var sk = ease(clamp((t - (0.34 + 0.09 * k)) / 0.18)); 1524 var h = S2H[k] * sk; 1525 top -= h + (sk > 0 ? 3 * sk : 0); 1526 s2bars[k].setAttribute('y', top.toFixed(1)); 1527 s2bars[k].setAttribute('height', Math.max(0.01, h).toFixed(1)); 1528 } 1529 var v = Math.round(214 * ease(clamp((t - 0.34) / 0.6))); 1530 s2count.textContent = '+' + v + '%'; 1531 s2count.setAttribute('y', Math.min(316, top - 14).toFixed(1)); 1532 s2count.setAttribute('opacity', clamp((t - 0.3) / 0.14).toFixed(2)); 1533 s2core.setAttribute('r', (5 + Math.sin(now * 0.004) * 1.1).toFixed(2)); 1534 if (ow > 0.95) { 1535 var f = (now * 0.0009) % 1; 1536 s2pulse.setAttribute('cx', (312 + 124 * f).toFixed(1)); 1537 s2pulse.setAttribute('opacity', (Math.sin(f * Math.PI) * 0.9).toFixed(2)); 1538 } else { 1539 s2pulse.setAttribute('opacity', 0); 1540 } 1541 }; 1542 1543 /* ââ scene 3 · pressure on the constraint until it moves ââ */ 1544 var s3 = mk('g', { class: 'cc-scene' }); 1545 var s3ticks = mk('g', { class: 'cc-tickrow' }, s3); 1546 for (var t3 = 0; t3 < 17; t3++) { 1547 mk('line', { x1: 48 + t3 * 29, y1: 247, x2: 48 + t3 * 29, y2: 257 }, s3ticks); 1548 } 1549 mk('line', { class: 'cc-track', x1: 48, y1: 252, x2: 512, y2: 252 }, s3); 1550 var s3zone = mk('rect', { class: 'cc-zone', x: 282, y: 174, width: 230, height: 160, rx: 12, opacity: 0 }, s3); 1551 var s3fill = mk('line', { class: 'cc-pressfill', x1: 48, y1: 252, x2: 64, y2: 252 }, s3); 1552 var s3ghost = mk('line', { class: 'cc-wallghost', x1: 282, y1: 170, x2: 282, y2: 338, op
1552acity: 0 }, s3); 1553 var s3wall = mk('path', { class: 'cc-wall', d: 'M282 170 Q 282 252 282 338' }, s3); 1554 var s3wtxt = txt('LIMIT', { class: 'cc-walltxt', x: 282, y: 158, 'text-anchor': 'middle' }, s3); 1555 var s3lab = txt('PRESSURE ON THE CONSTRAINT', { class: 'cc-walltxt', x: 52, y: 84 }, s3); 1556 var s3read = txt('0%', { class: 'cc-counter', x: 52, y: 114 }, s3); 1557 var s3flash = mk('circle', { class: 'cc-flash', cx: 282, cy: 252, r: 0, opacity: 0 }, s3); 1558 var s3needle = mk('g', {}, s3); 1559 mk('line', { class: 'cc-needle', x1: 0, y1: 222, x2: 0, y2: 282 }, s3needle); 1560 mk('path', { class: 'cc-needlehead', d: 'M2 245 L 13 252 L 2 259 Z' }, s3needle); 1561 var up3 = function (t, now) { 1562 var nx, wx; 1563 if (t < 0.58) { 1564 var adv = ease(clamp(t / 0.4)); 1565 var press = clamp((t - 0.4) / 0.18); 1566 nx = lerp(64, 262, adv) + press * 8 + (press > 0.05 ? Math.sin(now * 0.02) * 1.4 * press : 0); 1567 s3wall.setAttribute('d', 'M282 170 Q ' + (282 + press * 20).toFixed(1) + ' 252 282 338'); 1568 s3wtxt.setAttribute('x', (282 + press * 10).toFixed(1)); 1569 s3lab.textContent = 'PRESSURE ON THE CONSTRAINT'; 1570 s3read.textContent = Math.round((adv * 0.55 + press * 0.45) * 96) + '%'; 1571 s3ghost.setAttribute('opacity', 0); 1572 s3zone.setAttribute('opacity', 0); 1573 s3flash.setAttribute('opacity', 0); 1574 } else { 1575 var post = clamp((t - 0.58) / 0.34); 1576 wx = lerp(282, 452, ease(clamp(post * 1.25))); 1577 nx = lerp(270, 436, ease(post)); 1578 s3wall.setAttribute('d', 'M' + wx.toFixed(1) + ' 170 L ' + wx.toFixed(1) + ' 338'); 1579 s3wtxt.setAttribute('x', wx.toFixed(1)); 1580 s3lab.textContent = 'CONSTRAINT MOVED'; 1581 s3read.textContent = '+64% RANGE'; 1582 s3ghost.setAttribute('opacity', 0.8); 1583 s3zone.setAttribute('opacity', (0.07 * ease(post)).toFixed(3)); 1584 var f = clamp(post / 0.4); 1585 s3flash.setAttribute('r', lerp(4, 30, f).toFixed(1)); 1586 s3flash.setAttribute('opacity', ((1 - f) * 0.7).toFixed(2)); 1587 } 1588 s3needle.setAttribute('transform', 'translate(' + nx.toFixed(1) + ' 0)'); 1589 s3fill.setAttribute('x2', nx.toFixed(1)); 1590 }; 1591 1592 /* ââ scene 4 · instrument the curve, improve each pass ââ */ 1593 var s4 = mk('g', { class: 'cc-scene' }); 1594 var s4rulers = mk('g', { class: 'cc-ruler' }, s4); 1595 mk('line', { x1: 48, y1: 336, x2: 516, y2: 336 }, s4rulers); 1596 mk('line', { x1: 48, y1: 70, x2: 48, y2: 336 }, s4rulers); 1597 for (var r4 = 1; r4 < 13; r4++) mk('line', { x1: 48 + r4 * 36, y1: 336, x2: 48 + r4 * 36, y2: 341 }, s4rulers); 1598 for (var r5 = 1; r5 < 8; r5++) mk('line', { x1: 43, y1: 336 - r5 * 36, x2: 48, y2: 336 - r5 * 36 }, s4rulers); 1599 var s4line = mk('path', { class: 'cc-mline' }, s4); 1600 var S4R = [132, 168, 204, 242, 278]; 1601 var S4E = [1.9, 1.75, 1.6, 1.5, 1.42]; 1602 var S4K = 36; 1603 var s4pts = []; 1604 for (var v4 = 0; v4 < 5; v4++) { 1605 var pts = []; 1606 for (var k4 = 0; k4 < S4K; k4++) { 1607 var u4 = k4 / (S4K - 1); 1608 pts.push([48 + 468 * u4, 330 - S4R[v4] * Math.pow(u4, S4E[v4])]); 1609 } 1610 s4pts.push(pts); 1611 } 1612 var S4U = [0.24, 0.46, 0.68, 0.9]; 1613 var S4D = ['+8%', '+12%', '+17%', '+23%']; 1614 var s4cals = []; 1615 for (var c4 = 0; c4 < 4; c4++) { 1616 var cg = mk('g', { class: 'cc-cal', opacity: 0 }, s4); 1617 s4cals.push({ 1618 g: cg, 1619 a: mk('line', {}, cg), 1620 b: mk('line', {}, cg), 1621 t: txt(S4D[c4], { class: 'cc-caltxt', 'text-anchor': 'middle' }, cg), 1622 m: mk('circle', { class: 'cc-mark', r: 2.6 }, cg) 1623 }); 1624 } 1625 var up4 = function (t, now) { 1626 s4rulers.setAttribute('opacity', clamp(t * 3.2).toFixed(2)); 1627 var mf = clamp(t) * 4.35; 1628 var i0 = Math.min(3, Math.floor(mf)); 1629 var frac = ease(clamp(mf - i0)); 1630 var A = s4pts[i0], B = s4pts[i0 + 1]; 1631 var cur = [], k; 1632 for (k = 0; k < S4K; k++) cur.push([A[k][0], A[k][1] + (B[k][1] - A[k][1]) * frac]); 1633 s4line.setAttribute('d', polyd(cur)); 1634 for (k = 0; k < 4; k++) { 1635 var vk = ease(clamp((mf - (k + 0.45)) * 2.2)); 1636 var cal = s4cals[k]; 1637 cal.g.setAttribute('opacity', vk.toFixed(2)); 1638 if (vk <= 0) continue; 1639 var xi = Math.round(S4U[k] * (S4K - 1)); 1640 var cx = cur[xi][0], cy = cur[xi][1]; 1641 cal.a.setAttribute('x1', cx.toFixed(1)); cal.a.setAttribute('x2', cx.toFixed(1)); 1642 cal.a.setAttribute('y1', (cy - 16).toFixed(1)); cal.a.setAttribute('y2', (cy - 6).toFixed(1)); 1643 cal.b.setAttribute('x1', cx.toFixed(1)); cal.b.setAttribute('x2', cx.toFixed(1)); 1644 cal.b.setAttribute('y1', (cy + 6).toFixed(1)); cal.b.setAttribute('y2', (cy + 16).toFixed(1)); 1645 cal.t.setAttribute('x', cx.toFixed(1)); 1646 cal.t.setAttribute('y', (cy - 22).toFixed(1)); 1647 cal.m.setAttribute('cx', cx.toFixed(1)); 1648 cal.m.setAttribute('cy', cy.toFixed(1)); 1649 } 1650 }; 1651 1652 var METRICS = [ 1653 function (t) { return 'Signal ' + Math.round(lerp(12, 100, ease(clamp(t * 1.1)))) + '%'; }, 1654 function (t) { return '+' + Math.round(214 * ease(clamp((t - 0.34) / 0.6))) + '% stacked'; }, 1655 function (t) { return t < 0.58 ? 'Pressure ' + Math.round(ease(clamp(t / 0.58)) * 96
1655) + '%' : 'Constraint moved'; }, 1656 function (t) { return 'Iteration ' + (1 + Math.min(3, Math.floor(clamp(t) * 4.35))) + ' / 4'; } 1657 ]; 1658 var scenes = [ 1659 { g: s1, up: up1 }, { g: s2, up: up2 }, { g: s3, up: up3 }, { g: s4, up: up4 } 1660 ]; 1661 var lastLi = -1, labelT = 0, lastMetric = ''; 1662 var setCaption = function (li, t) { 1663 if (li !== lastLi) { 1664 lastLi = li; 1665 if (numEl) numEl.textContent = '0' + (li + 1); 1666 if (labelEl) { 1667 labelEl.style.opacity = '0'; 1668 clearTimeout(labelT); 1669 labelT = setTimeout(function () { 1670 labelEl.textContent = LABELS[li]; 1671 labelEl.style.opacity = '1'; 1672 }, 140); 1673 } 1674 } 1675 if (metricEl) { 1676 var mv = METRICS[li](t); 1677 if (mv !== lastMetric) { lastMetric = mv; metricEl.textContent = mv; } 1678 } 1679 }; 1680 var localT = function (p, k) { return clamp((p - k) * 0.9 + 0.62); }; 1681 var render = function (p, now) { 1682 for (var k = 0; k < 4; k++) { 1683 var a = clamp(1 - Math.abs(p - k) * 1.5); 1684 var g = scenes[k].g; 1685 if (a <= 0) { 1686 g.setAttribute('visibility', 'hidden'); 1687 continue; 1688 } 1689 g.setAttribute('visibility', 'visible'); 1690 g.setAttribute('opacity', ease(a).toFixed(3)); 1691 g.setAttribute('transform', 'translate(0 ' + ((k - p) * 26).toFixed(1) + ')'); 1692 scenes[k].up(localT(p, k), now); 1693 } 1694 var li = Math.max(0, Math.min(3, Math.round(p))); 1695 setCaption(li, localT(p, li)); 1696 }; 1697 1698 /* mobile: time-play one scene, then keep the ambient motion */ 1699 var soloState = null, soloRaf = 0, soloVisible = true; 1700 var soloTick = function () { 1701 if (!soloVisible || !soloState) return; 1702 var nowT = performance.now(); 1703 var t = soloState.reduced ? 1 : ease(clamp((nowT - soloState.start) / 2400)); 1704 for (var k = 0; k < 4; k++) { 1705 var on = k === soloState.k; 1706 scenes[k].g.setAttribute('visibility', on ? 'visible' : 'hidden'); 1707 scenes[k].g.setAttribute('opacity', on ? '1' : '0'); 1708 scenes[k].g.setAttribute('transform', 'translate(0 0)'); 1709 } 1710 scenes[soloState.k].up(t, nowT); 1711 setCaption(soloState.k, t); 1712 if (!soloState.reduced) soloRaf = requestAnimationFrame(soloTick); 1713 }; 1714 if ('IntersectionObserver' in window) { 1715 new IntersectionObserver(function (entries) { 1716 var vis = entries[0].isIntersecting; 1717 var was = soloVisible; 1718 soloVisible = vis; 1719 if (vis && !was && soloState) soloTick(); 1720 }, { threshold: 0.05 }).observe(root); 1721 } 1722 var play = function (k) { 1723 cancelAnimationFrame(soloRaf); 1724 soloState = { 1725 k: k, 1726 start: performance.now(), 1727 reduced: window.matchMedia('(prefers-reduced-motion: reduce)').matches 1728 }; 1729 soloTick(); 1730 }; 1731 1732 render(0, 0); 1733 return { render: render, play: play }; 1734 } 1735 1736 (function () { 1737 var cap = document.querySelector('[data-ind-cap]'); 1738 if (!cap) return; 1739 var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 1740 var panels = Array.prototype.slice.call(cap.querySelectorAll('.ind-cap-panel')); 1741 var dots = Array.prototype.slice.call(cap.querySelectorAll('.ind-cap-dot')); 1742 var fill = cap.querySelector('.ind-cap-progress i'); 1743 var n = panels.length; 1744 var canPin = !reduced && window.innerWidth > 900 && n > 1; 1745 if (canPin) { 1746 var setH = function () { cap.style.height = (n * 62 + 30) + 'vh'; }; 1747 setH(); 1748 1749 /* ââ Live diagram: one ink line, four geometries, scrubbed 1750 by scroll. Each law is a sampled polyline; the rendered 1751 path is a per-frame interpolation between neighbouring 1752 states, so the drawing's shape IS the scroll position. */ 1753 /* ââ Growth console â scrubbed by scroll progress; an ambient 1754 rAF keeps the instrument alive (wire pulses, needle tremble, 1755 signal shimmer) while the section is on screen. */ 1756 var conApi = makeCapConsole(cap.querySelector('[data-capcon]')); 1757 var conLastP = 0; 1758 var updateFig = function (prog) { 1759 conLastP = Math.min(n - 1, Math.max(0, prog * n - 0.5)); 1760 if (conApi) conApi.render(conLastP, performance.now()); 1761 }; 1762 if (conApi && 'IntersectionObserver' in window) { 1763 var conLive = false;
1764 var conTick = function () { 1765 if (!conLive) return; 1766 conApi.render(conLastP, performance.now()); 1767 requestAnimationFrame(conTick); 1768 }; 1769 new IntersectionObserver(function (entries) { 1770 var vis = entries[0].isIntersecting; 1771 var was = conLive; 1772 conLive = vis; 1773 if (vis && !was) conTick(); 1774 }).observe(cap); 1775 } 1776 1777 var active = -1, raf = 0; 1778 var setActive = function (i, prog) { 1779 if (fill) fill.style.width = (prog * 100).toFixed(1) + '%'; 1780 updateFig(prog); 1781 if (i === active) return; 1782 active = i; 1783 panels.forEach(function (p, k) { p.classList.toggle('is-active', k === i); }); 1784 dots.forEach(function (d, k) { d.classList.toggle('is-active', k === i); }); 1785 }; 1786 var onScroll = function () { 1787 if (raf) return; 1788 raf = requestAnimationFrame(function () { 1789 raf = 0; 1790 var rect = cap.getBoundingClientRect(); 1791 var total = cap.offsetHeight - window.innerHeight; 1792 var prog = total > 0 ? Math.min(1, Math.max(0, -rect.top / total)) : 0; 1793 var i = Math.min(n - 1, Math.floor(prog * n + 0.0001));
1794 setActive(i, prog); 1795 }); 1796 }; 1797 document.addEventListener('scroll', onScroll, { passive: true }); 1798 window.addEventListener('resize', function () { setH(); onScroll(); }); 1799 setActive(0, 0); 1800 } else { 1801 /* mobile: the desktop stage is hidden via CSS; the .ind-cap-m 1802 carousel below takes over. Make sure no pin height lingers. 1803 The live diagram only makes sense scrubbed â hide it here. */ 1804 cap.style.height = 'auto'; 1805 var conEl = cap.querySelector('[data-capcon]'); 1806 if (conEl) conEl.style.display = 'none'; 1807 } 1808 })(); 1809 1810 /* Mobile carousel: image + swipeable tabs + description. */ 1811 (function () { 1812 var m = document.querySelector('[data-capm]'); 1813 if (!m) return; 1814 var tabs = Array.prototype.slice.call(m.querySelectorAll('.ind-cap-m-tab')); 1815 var tabsWrap = m.querySelector('[data-capm-tabs]'); 1816 var conM = makeCapConsole(m.querySelector('[data-capcon-m]')); 1817 var desc = m.querySelector('[data-capm-desc]'); 1818 var count = m.querySelector('[data-capm-count]'); 1819 var prev = m.querySelector('[data-capm-prev]'); 1820 var next = m.querySelector('[data-capm-next]'); 1821 var active = 0; 1822 var pad = function (n) { return n < 10 ? '0' + n : '' + n; }; 1823 function show(i) { 1824 active = Math.max(0, Math.min(tabs.length - 1, i)); 1825 m.classList.toggle('ind-cap-m--first', active === 0); 1826 m.classList.toggle('ind-cap-m--after-first', active > 0);
1827 tabs.forEach(function (t, k) { 1828 t.classList.toggle('is-active', k === active); 1829 t.setAttribute('aria-selected', k === active ? 'true' : 'false'); 1830 }); 1831 if (prev) { 1832 prev.disabled = active === 0; 1833 prev.setAttribute('aria-disabled', active === 0 ? 'true' : 'false'); 1834 } 1835 if (next) { 1836 next.disabled = active === tabs.length - 1; 1837 next.setAttribute('aria-disabled', active === tabs.length - 1 ? 'true' : 'false'); 1838 } 1839 var t = tabs[active]; 1840 if (conM) conM.play(active); 1841 if (count) count.innerHTML = '<b>' + pad(active + 1) + '</b> / ' + pad(tabs.length); 1842 if (desc && t.dataset.desc && desc.textContent !== t.dataset.desc) { 1843 desc.style.opacity = '0'; 1844 window.setTimeout(function () { 1845 desc.textContent = t.dataset.desc; 1846 desc.style.opacity = '1'; 1847 }, 180); 1848 } 1849 }
1850 tabs.forEach(function (t, k) { t.addEventListener('click', function () { show(k); }); }); 1851 if (prev) prev.addEventListener('click', function () { if (active > 0) show(active - 1); }); 1852 if (next) next.addEventListener('click', function () { if (active < tabs.length - 1) show(active + 1); }); 1853 if (tabsWrap) { 1854 var railTouchX = 0; 1855 var railTouchY = 0; 1856 tabsWrap.addEventListener('touchstart', function (e) { 1857 railTouchX = e.touches[0].clientX; 1858 railTouchY = e.touches[0].clientY; 1859 }, { passive: true }); 1860 tabsWrap.addEventListener('touchmove', function (e) { 1861 var dx = e.touches[0].clientX - railTouchX; 1862 var dy = e.touches[0].clientY - railTouchY; 1863 if (Math.abs(dx) > Math.abs(dy)) e.preventDefault(); 1864 }, { passive: false }); 1865 } 1866 show(0); 1867 window.addEventListener('pageshow', function (e) { 1868 if (e.persisted) show(0); 1869 }); 1870 })(); 1871 </script>
1871 1872 1873 1874 <section class="ab3-team" data-section="team"> 1875 <div class="ab3-shell"> 1876 <header class="ab3-team-head"> 1877 <span class="ab3-eyebrow"><i></i>Leadership</span> 1878 <h2 class="ab3-h2">A control room, <em>not a pyramid</em>.</h2> 1879 <p class="ab3-lead">Each discipline sees a different signal; the decisions are made in one shared operating room. Specialists, not generalists pretending.</p> 1880 </header> 1881 <div class="ab3-team-grid"> 1882 <article class="ab3-team-card ab3-team-card--hero" style="--idx:0"> 1883 <div class="ab3-team-avatar">SM</div> 1884 <div class="ab3-team-info"> 1885 <h3>Shashank Malhotra</h3> 1886 <p>Engineering, AI systems & automation â the machinery that makes the work compound.</p> 1887 <i>Chief Technical Officer & AI Generalist</i> 1888 1889 <a class="ab3-team-mail" hidden></a> 1890 </div> 1891 </article> 1892 <article class="ab3-team-card" style="--idx:1"> 1893 <div class="ab3-team-avatar">CS</div> 1894 <div class="ab3-team-info"> 1895 <h3>Pradeep Kumar</h3> 1896 <p>Finance, controls & commercial discipline â every plan priced, measured, accountable.</p> 1897 <i>Chief Financial Officer</i> 1898 <a class="ab3-team-mail" hidden></a> 1899 </div> 1900 </article> 1901 <article class="ab3-team-card" style="--idx:2"> 1902 <div class="ab3-team-avatar">CF</div> 1903 <div class="ab3-team-info"> 1904 <h3>Mukta Nayak</h3> 1905 <p>Client partnerships, market strategy & delivery across North America.</p> 1906 <i>Regional Managing Director, North America</i> 1907 <a class="ab3-team-mail" hidden></a> 1908 </div> 1909 </article> 1910 <article class="ab3-team-card" style="--idx:3"> 1911 <div class="ab3-team-avatar">PH</div> 1912 <div class="ab3-team-info"> 1913 <h3>Dhirendra Singh</h3> 1914 <p>Paid media, SEO, social media, attribution & CRO â the numbers that prove the work.</p> 1915 <i>Lead · performance</i> 1916 <a class="ab3-team-mail" hidden></a> 1917 </div> 1918 </article> 1919 <article class="ab3-team-card" style="--idx:4"> 1920 <div class="ab3-team-avatar">DH</div> 1921 <div class="ab3-team-info"> 1922 <h3>Mr. Ziggy</h3> 1923 <p>Morale, walk breaks & quality control. Forever our kahu.</p> 1924 <i>Chief Happiness Officer</i> 1925 <a class="ab3-team-mail" hidden></a> 1926 </div> 1927 </article> 1928 </div> 1929 </div> 1930 </section> 1931 1932 </main> 1933 1934 1935 <div class="ab3-office-modal" data-ab3-office-modal aria-hidden="true" role="dialog" aria-modal="true" aria-label="Studio gallery"> 1936 <div class="ab3-office-modal-backdrop" data-ab3-office-close></div> 1937 <button type="button" class="ab3-office-modal-close" data-ab3-office-close aria-label="Close gallery"> 1938 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5l14 14M19 5L5 19" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg> 1939 </button> 1940 <button type="button" class="ab3-office-modal-nav ab3-office-modal-nav--prev" data-ab3-office-prev aria-label="Previous image"> 1941 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg> 1942 </button> 1943 <button type="button" class="ab3-office-modal-nav ab3-office-modal-nav--next" data-ab3-office-next aria-label="Next image"> 1944 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg> 1945 </button> 1946 <figure class="ab3-office-modal-stage"> 1947 <img class="ab3-office-modal-img" data-ab3-office-img alt="" />
1948 <figcaption class="ab3-office-modal-caption" data-ab3-office-caption></figcaption> 1949 </figure> 1950 <span class="ab3-office-modal-counter" data-ab3-office-counter>1 / 7</span> 1951 </div> 1952 1953 1954 <div 1955 class="ab3-logo-story-modal" 1956 id="ab3-logo-story-modal" 1957 data-ab3-logo-story-modal 1958 aria-hidden="true" 1959 role="dialog" 1960 aria-modal="true" 1961 aria-labelledby="ab3-logo-story-title" 1962 > 1963 <div class="ab3-logo-story-modal-backdrop" data-ab3-logo-story-close></div> 1964 <div class="ab3-logo-story-modal-dialog" role="document"> 1965 <button 1966 type="button" 1967 class="ab3-logo-story-modal-close" 1968 data-ab3-logo-story-close 1969 aria-label="Close story" 1970 > 1971 <svg viewBox="0 0 24 24" aria-hidden="true"> 1972 <path d="M5 5l14 14M19 5L5 19" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/> 1973 </svg> 1974 </button> 1975 1976 <header class="ab3-logo-story-modal-head"> 1977 <h2 id="ab3-logo-story-title" class="ab3-logo-story-modal-title"> 1978 Break the <em>Mold.</em> 1979 </h2> 1980 <p class="ab3-logo-story-modal-subtitle"> 1981 The story of the MarkAge360 mark 1982 </p> 1983 </header> 1984 1985 <div class="ab3-logo-story-modal-body"> 1986 <figure class="ab3-logo-story-modal-art" aria-hidden="true"> 1987 <span class="ab3-lss-flash" aria-hidden="true"></span> 1988 <img 1989 class="ab3-lss-final" 1990 src="/assets/white-logomark.png" 1991 alt="" 1992 draggable="false" 1993 /> 1994 <svg 1995 class="ab3-lss"
1996 viewBox="0 0 440 240" 1997 fill="none" 1998 xmlns="http://www.w3.org/2000/svg" 1999 aria-hidden="true" 2000 > 2001 2002 <line 2003 class="ab3-lss-baseline" 2004 x1="16" y1="214" x2="424" y2="214" 2005 stroke="rgba(255,255,255,0.22)" stroke-width="1" 2006 stroke-dasharray="4 7" 2007 /> 2008 2009 2010 <circle class="ab3-lss-pt ab3-lss-pt--m" cx="56" cy="214" r="4" fill="rgba(255,255,255,0.4)" /> 2011 <circle class="ab3-lss-pt ab3-lss-pt--a" cx="203" cy="214" r="4" fill="#267de8" /> 2012 2013 2014 <path 2015 class="ab3-lss-arc ab3-lss-arc--left" 2016 pathLength="100" 2017 d="M 56 214 A 144 150.5 0 0 1 200 63.5" 2018 stroke="#ffffff" stroke-width="72" 2019 stroke-linecap="butt" 2020 /> 2021 2022 2023 <path 2024 class="ab3-lss-arc ab3-lss-arc--right" 2025 pathLength="100" 2026 d="M 203 214 A 180.5 154 0 0 1 383.5 60 L 383.5 214" 2027 stroke="#ffffff" stroke-width="72" 2028 stroke-linecap="butt" stroke-linejoin="miter" 2029 /> 2030 2031 2032 <path 2033 class="ab3-lss-tick" 2034 pathLength="100" 2035 d="M 174 28 L 200 4 L 226 28" 2036 stroke="#267de8" stroke-width="4" 2037 fill="none" 2038 stroke-linecap="round" stroke-linejoin="round" 2039 /> 2040 2041 2042 <text class="ab3-lss-label ab3-lss-label--m" x="110" y="236">M</text> 2043 <text class="ab3-lss-label ab3-lss-label--a" x="293" y="236">A</text> 2044 </svg> 2045 2046 <figcaption class="ab3-logo-story-modal-caption"> 2047 <span>M · A</span> 2048 <span>Two rising arcs · one upward break</span> 2049 </figcaption> 2050 2051 <button 2052 type="button" 2053 class="ab3-lss-replay" 2054 data-ab3-logo-story-replay 2055 aria-label="Replay the sketch" 2056 title="Replay the sketch" 2057 > 2058 <svg viewBox="0 0 24 24" aria-hidden="true"> 2059 <path 2060 d="M4 12a8 8 0 1 1 2.34 5.66" 2061 fill="none" stroke="currentColor" stroke-width="1.7" 2062 stroke-linecap="round" 2063 /> 2064 <path 2065 d="M4 6v5h5" 2066 fill="none" stroke="currentColor" stroke-width="1.7" 2067 stroke-linecap="round" stroke-linejoin="round" 2068 /> 2069 </svg> 2070 <span>Replay</span> 2071 </button> 2072 </figure> 2073 2074 <div class="ab3-logo-story-modal-copy"> 2075 2076 2077 <section class="ab3-lsm-movement"> 2078 <span class="ab3-lsm-ghost" aria-hidden="true">01</span> 2079 <header class="ab3-lsm-mvmt-head"> 2080 <span class="ab3-lsm-mvmt-num">01</span> 2081 <span class="ab3-lsm-mvmt-title">Two letters</span> 2082 </header> 2083 2084 <p class="ab3-lsm-lead"> 2085 The MarkAge360 mark begins with two letters: <strong>M</strong> and <strong>A</strong>. 2086 </p> 2087 2088 <p> 2089 They are the initials of the company, but they are not treated like initials. They are not set side by side. They are not enclosed in a neat little badge. They are pulled into motion â two arcs rising together, forming a symbol that feels less like a nameplate and more like a turn in the road. 2090 </p> 2091 2092 <p> 2093 The first arc sets the direction. The second carries it further. Together, they suggest the kind of growth that does not happen all at once, but builds by degrees. A better message leads to a better response. A better response changes the next decision. The next decision opens the next result. In time, the curve begins to do what every client is waiting for it to do: rise. 2094 </p> 2095 2096 <p class="ab3-logo-story-pull"> 2097 That is the idea held inside the mark. 2098 </p> 2099 </section> 2100 2101 2102 <section class="ab3-lsm-movement">
2103 <span class="ab3-lsm-ghost" aria-hidden="true">02</span> 2104 <header class="ab3-lsm-mvmt-head"> 2105 <span class="ab3-lsm-mvmt-num">02</span> 2106 <span class="ab3-lsm-mvmt-title">The angle</span> 2107 </header> 2108 2109 <p> 2110 The sharp upward point gives the symbol its character. It is not decorative. It is the moment of change made visible â the place where a line stops drifting and starts to climb. There is a certain honesty in that angle. It does not promise a miracle. It suggests direction, pressure, and a break from what came before. 2111 </p> 2112 2113 <p> 2114 A logo cannot grow a business. It has no media budget, no strategy deck, no landing page, no campaign behind it. But it can tell you what kind of company you are dealing with. 2115 </p> 2116 2117 <p> 2118 This one says MarkAge360 is interested in movement that can be measured. Not noise for its own sake. Not activity dressed up as progress. The work has to lead somewhere. It has to create a before and after. 2119 </p> 2120 </section> 2121 2122 2123 <section class="ab3-lsm-movement"> 2124 <span class="ab3-lsm-ghost" aria-hidden="true">03</span> 2125 <header class="ab3-lsm-mvmt-head"> 2126 <span class="ab3-lsm-mvmt-num">03</span> 2127 <span class="ab3-lsm-mvmt-title">Two strokes, one form</span> 2128 </header> 2129 2130 <p> 2131 The two arcs also speak to how that work happens. They are separate strokes, but neither makes the mark alone. One needs the other to complete the form. That relationship sits close to the way MarkAge360 works with its clients: not as a distant vendor, not as a decorative layer added at the end, but as a thinking partner in the shape of the result. 2132 </p> 2133 2134 <p> 2135 There is restraint in the symbol too. It does not try to show every service, channel, tool, or capability. It avoids the trap of saying everything and meaning very little. Instead, it keeps to one strong idea: growth that compounds when the right forces move together. 2136 </p> 2137 2138 <p> 2139 The mark also breaks before it closes. It does not become a perfect loop, even though the name carries the idea of 360. That opening matters. It keeps the form active. It leaves space for change, for entry, for the next turn. A full view of marketing should not mean a fixed one. 2140 </p> 2141 </section> 2142 2143 2144 <section class="ab3-lsm-movement"> 2145 <span class="ab3-lsm-ghost" aria-hidden="true">04</span> 2146 <header class="ab3-lsm-mvmt-head"> 2147 <span class="ab3-lsm-mvmt-num">04</span> 2148 <span class="ab3-lsm-mvmt-title">A monogram and a method</span> 2149 </header> 2150 2151 <p> 2152 In that sense, the MarkAge360 logo is both a monogram and a method. <strong>M</strong> and <strong>A</strong> are present, but they are transformed into something more useful than initials. They become a visual shorthand for the company's promise: to help brands move beyond inherited limits and build growth that gathers force over time. 2153 </p> 2154 </section> 2155 2156 </div> 2157 </div> 2158 </div> 2159 </div> 2160 2161 2162 <div 2163 class="ab3-logo-story-modal ab3-brand-story-modal" 2164 id="ab3-brand-story-modal" 2165 data-ab3-brand-story-modal 2166 aria-hidden="true" 2167 role="dialog" 2168 aria-modal="true" 2169 aria-labelledby="ab3-brand-story-title" 2170 > 2171 <div class="ab3-logo-story-modal-backdrop" data-ab3-brand-story-close></div> 2172 <div class="ab3-logo-story-modal-dialog" role="document"> 2173 <button 2174 type="button" 2175 class="ab3-logo-story-modal-close" 2176 data-ab3-brand-story-close 2177 aria-label="Close story" 2178 > 2179 <svg viewBox="0 0 24 24" aria-hidden="true"> 2180 <path d="M5 5l14 14M19 5L5 19" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/> 2181 </svg> 2182 </button> 2183 2184 <header class="ab3-logo-story-modal-head"> 2185 <h2 id="ab3-brand-story-title" class="ab3-logo-story-modal-title"> 2186 Built to Close the <em>Gaps.</em> 2187 </h2> 2188 <p class="ab3-logo-story-modal-subtitle"> 2189 The MarkAge360 story 2190 </p> 2191 </header> 2192 2193 <div class="ab3-logo-story-modal-body"> 2194 <figure class="ab3-logo-story-modal-art ab3-bsm-art" aria-hidden="true"> 2195 <svg 2196 class="ab3-bsm-svg"
2197 viewBox="0 0 360 360" 2198 fill="none" 2199 xmlns="http://www.w3.org/2000/svg" 2200 aria-hidden="true" 2201 > 2202 2203 <circle class="ab3-bsm2-ring" cx="180" cy="180" r="116" 2204 transform="rotate(-90 180 180)" 2205 stroke="rgba(15,23,42,0.30)" stroke-width="1.2" 2206 pathLength="100" /> 2207 2208 2209 <g class="ab3-bsm2-ticks" stroke="rgba(15,23,42,0.22)" stroke-width="1.2" stroke-linecap="round"> 2210 <line x1="267.7" y1="92.3" x2="274.8" y2="85.2" /> 2211 <line x1="267.7" y1="267.7" x2="274.8" y2="274.8" /> 2212 <line x1="92.3" y1="267.7" x2="85.2" y2="274.8" /> 2213 <line x1="92.3" y1="92.3" x2="85.2" y2="85.2" /> 2214 </g> 2215 2216 2217 <g class="ab3-bsm2-feeds" stroke="rgba(15,23,42,0.20)" stroke-width="1"> 2218 <line class="ab3-bsm2-feed ab3-bsm2-feed--n" pathLength="100" x1="180" y1="80" x2="180" y2="100" /> 2219 <line class="ab3-bsm2-feed ab3-bsm2-feed--e" pathLength="100" x1="280" y1="180" x2="260" y2="180" /> 2220 <line class="ab3-bsm2-feed ab3-bsm2-feed--s" pathLength="100" x1="180" y1="280" x2="180" y2="260" /> 2221 <line class="ab3-bsm2-feed ab3-bsm2-feed--w" pathLength="100" x1="80" y1="180" x2="100" y2="180" /> 2222 </g> 2223 2224 2225 <g class="ab3-bsm2-hub ab3-bsm2-hub--n"> 2226 <circle class="ab3-bsm2-pulse" cx="180" cy="64" r="9" stroke="#267de8" stroke-width="1.4" fill="none" /> 2227 <circle class="ab3-bsm2-halo" cx="180" cy="64" r="9" fill="#f4f5f7" stroke="rgba(15,23,42,0.30)" stroke-width="1.1" /> 2228 <circle class="ab3-bsm2-dot" cx="180" cy="64" r="3.1" fill="#101828" /> 2229 </g> 2230 <g class="ab3-bsm2-hub ab3-bsm2-hub--e"> 2231 <circle class="ab3-bsm2-pulse" cx="296" cy="180" r="9" stroke="#267de8" stroke-width="1.4" fill="none" /> 2232 <circle class="ab3-bsm2-halo" cx="296" cy="180" r="9" fill="#f4f5f7" stroke="rgba(15,23,42,0.30)" stroke-width="1.1" /> 2233 <circle class="ab3-bsm2-dot" cx="296" cy="180" r="3.1" fill="#101828" /> 2234 </g> 2235 <g class="ab3-bsm2-hub ab3-bsm2-hub--s"> 2236 <circle class="ab3-bsm2-pulse" cx="180" cy="296" r="9" stroke="#267de8" stroke-width="1.4" fill="none" /> 2237 <circle class="ab3-bsm2-halo" cx="180" cy="296" r="9" fill="#f4f5f7" stroke="rgba(15,23,42,0.30)" stroke-width="1.1" /> 2238 <circle class="ab3-bsm2-dot" cx="180" cy="296" r="3.1" fill="#101828" /> 2239 </g> 2240 <g class="ab3-bsm2-hub ab3-bsm2-hub--w"> 2241 <circle class="ab3-bsm2-pulse" cx="64" cy="180" r="9" stroke="#267de8" stroke-width="1.4" fill="none" /> 2242 <circle class="ab3-bsm2-halo" cx="64" cy="180" r="9" fill="#f4f5f7" stroke="rgba(15,23,42,0.30)" stroke-width="1.1" /> 2243 <circle class="ab3-bsm2-dot" cx="64" cy="180" r="3.1" fill="#101828" /> 2244 </g> 2245 2246 2247 <g class="ab3-bsm2-comet"> 2248 <path class="ab3-bsm2-trail" d="M 108.6 88.6 A 116 116 0 0 1 129.1 75.7" 2249 stroke="#267de8" stroke-width="2.4" stroke-linecap="round" opacity="0.10" /> 2250 <path class="ab3-bsm2-trail" d="M 129.1 75.7 A 116 116 0 0 1 151.9 67.4" 2251 stroke="#267de8" stroke-width="2.4" stroke-linecap="round" opacity="0.22" /> 2252 <path class="ab3-bsm2-trail" d="M 151.9 67.4 A 116 116 0 0 1 180 64" 2253 stroke="#267de8" stroke-width="2.4" stroke-linecap="round" opacity="0.45" /> 2254 <circle class="ab3-bsm2-head" cx="180" cy="64" r="3.6" fill="#267de8" /> 2255 <circle class="ab3-bsm2-headglow" cx="180" cy="64" r="7.5" fill="none" stroke="#267de8" stroke-width="1" opacity="0.35" /> 2256 </g> 2257 2258 2259 <text class="ab3-bsm-label ab3-bsm-label--n" x="180" y="38" text-anchor="middle">STRATEGY</text> 2260 <text class="ab3-bsm-label ab3-bsm-label--e" x="296" y="158" text-anchor="middle">CREATIVE</text> 2261 <text class="ab3-bsm-label ab3-bsm-label--s" x="180" y="330" text-anchor="middle">PERFORMANCE</text> 2262 <text class="ab3-bsm-label ab3-bsm-label--w" x="64" y="158" text-anchor="middle">AI</text> 2263 2264 2265 <text class="ab3-bsm-meta" x="334" y="34" text-anchor="end">360°</text> 2266 </svg> 2267 2268 2269 <img 2270 class="ab3-bsm-art-logo" 2271 src="/assets/white-logomark.png" 2272 alt="" 2273 draggable="false" 2274 /> 2275
2276 <figcaption class="ab3-logo-story-modal-caption"> 2277 <span>One system</span> 2278 <span>Strategy · creative · performance · AI</span> 2279 </figcaption> 2280 2281 <button 2282 type="button" 2283 class="ab3-lss-replay ab3-bsm-replay" 2284 data-ab3-brand-story-replay 2285 aria-label="Replay the animation" 2286 title="Replay the animation" 2287 > 2288 <svg viewBox="0 0 24 24" aria-hidden="true"> 2289 <path d="M4 12a8 8 0 1 1 2.34 5.66" 2290 fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" /> 2291 <path d="M4 6v5h5" 2292 fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" /> 2293 </svg> 2294 <span>Replay</span> 2295 </button> 2296 </figure> 2297 2298 <div class="ab3-logo-story-modal-copy"> 2299 2300 2301 <section class="ab3-lsm-movement"> 2302 <span class="ab3-lsm-ghost" aria-hidden="true">01</span> 2303 <header class="ab3-lsm-mvmt-head"> 2304 <span class="ab3-lsm-mvmt-num">01</span> 2305 <span class="ab3-lsm-mvmt-title">Origin</span> 2306 </header> 2307 <p class="ab3-lsm-lead"> 2308 MarkAge360 was founded in <strong>2020</strong> by Shekhar Malhotra, who had been building the same work since <strong>2016</strong> at King Crescent â across education, international admissions, tourism, consumer brands, and B2B sectors. 2309 </p> 2310 </section> 2311 2312 2313 <section class="ab3-lsm-movement"> 2314 <span class="ab3-lsm-ghost" aria-hidden="true">02</span> 2315 <header class="ab3-lsm-mvmt-head"> 2316 <span class="ab3-lsm-mvmt-num">02</span> 2317 <span class="ab3-lsm-mvmt-title">The lesson</span> 2318 </header> 2319 <p> 2320 From <strong>GMAT</strong> and <strong>GMAC</strong> to <strong>French Institute</strong>, <strong>Study in India</strong>, <strong>Incredible India</strong> with <strong>EY India</strong>, <strong>NautiNati</strong>, <strong>Rite Geosystems</strong>, and <strong>Encardio</strong> — work that began at King Crescent and continued at MarkAge360 — one lesson keeps repeating: 2321 </p> 2322 <p class="ab3-logo-story-pull"> 2323 Marketing works best when every piece works together. 2324 </p> 2325 </section> 2326 2327 2328 <section class="ab3-lsm-movement"> 2329 <span class="ab3-lsm-ghost" aria-hidden="true">03</span> 2330 <header class="ab3-lsm-mvmt-head"> 2331 <span class="ab3-lsm-mvmt-num">03</span> 2332 <span class="ab3-lsm-mvmt-title">The 360° approach</span> 2333 </header> 2334 <p> 2335 That belief shaped MarkAge360's <em>360°</em> approach â connecting strategy, creative, content, media, web, SEO, social, and analytics into one system built to move the business. 2336 </p> 2337 </section> 2338 2339 2340 <aside class="ab3-lsm-bigpull" aria-hidden="true"> 2341 <span class="ab3-lsm-bigpull-line">Strategy. Creative. Content. Media.</span> 2342 <span class="ab3-lsm-bigpull-line">Web. SEO. Social. Analytics. AI.</span> 2343 <span class="ab3-lsm-bigpull-line ab3-lsm-bigpull-accent">One system.</span> 2344 </aside> 2345 2346 2347 <p class="ab3-logo-story-modal-coda"> 2348 <em>Break the Mold.</em> 2349 </p> 2350 2351 </div> 2352 </div> 2353 </div> 2354 </div> 2355 2356 2357 <div class="lead-modal" data-lead-modal hidden> 2358 <div class="lead-modal-backdrop" data-close-lead-modal></div> 2359 <div class="lead-modal-dialog" role="dialog" aria-modal="true" aria-labelledby="lead-modal-title"> 2360 <button class="lead-modal-close" type="button" aria-label="Close lead form" data-close-lead-modal>×</button> 2361 <div class="lead-modal-brand"> 2362 <img class="lead-modal-brand-logo" src="/assets/markage360-white.png" alt="MarkAge360" /> 2363 </div> 2364 <h2 id="lead-modal-title">
2364Schedule a strategy call</h2> 2365 <p class="lead-modal-copy">See how we can improve performance and scale what's working.</p> 2366 <form class="lead-capture-form" data-lead-form> 2367 <div class="lead-form-grid"> 2368 <label class="lead-service-field"> 2369 <span>What do you need help with?</span> 2370 <select name="serviceInterest" data-lead-service-select required> 2371 <option value="">Select a service</option> 2372 <option value="GEO / AEO">GEO / AEO</option> 2373 <option value="SEO">SEO</option> 2374 <option value="Paid media">Paid media</option> 2375 <option value="Creative">Creative</option> 2376 <option value="Content">Content</option> 2377 <option value="Social media">Social media</option> 2378 <option value="Web experiences">Web experiences</option> 2379 <option value="Analytics">Analytics</option> 2380 <option value="Other">Other</option> 2381 </select> 2382 </label> 2383 <input type="text" name="firstName" placeholder="First name" autocomplete="given-name" required /> 2384 <input type="text" name="lastName" placeholder="Last name" autocomplete="family-name" required /> 2385 <input type="email" name="email" placeholder="Email" inputmode="email" autocomplete="email" required /> 2386 <input type="text" name="websiteUrl" placeholder="Website URL" inputmode="url" autocomplete="url" autocapitalize="off" spellcheck="false" required /> 2387 <select name="monthlyBudget" required> 2388 <option value="">Monthly marketing budget</option> 2389 <option value="Under $750">Under $750</option> 2390 <option value="$750 to $1,500">$750 to $1,500</option> 2391 <option value="$1,500 to $5,000">$1,500 to $5,000</option> 2392 <option value="$5,000 to $10,000">$5,000 to $10,000</option> 2393 <option value="$10,000 to $25,000">$10,000 to $25,000</option> 2394 <option value="$25,000 to $50,000">$25,000 to $50,000</option> 2395 <option value="$50,000 to $100,000">$50,000 to $100,000</option> 2396 <option value="Above $100,000">Above $100,000</option> 2397 </select> 2398 <div class="lead-phone-shell"> 2399 <select name="phoneCountry" aria-label="Country / region" required> 2400 <option value="">Country</option> 2401 <option value="ðºð¸ United States">ðºð¸ +1</option> 2402 <option value="ð¨ð¦ Canada">ð¨ð¦ +1</option> 2403 <option value="ð¬ð§ United Kingdom">ð¬ð§ +44</option> 2404 <option value="ð®ð³ India">ð®ð³ +91</option> 2405 <option value="ð¦ðª United Arab Emirates">ð¦ðª +971</option> 2406 <option value="ð¸ð¦ Saudi Arabia">ð¸ð¦ +966</option> 2407 <option value="ð¸ð¬ Singapore">ð¸ð¬ +65</option> 2408 <option value="ð¯ðµ Japan">ð¯ðµ +81</option> 2409 <option value="ð°ð· South Korea">ð°ð· +82</option> 2410 <option value="ð¹ð Thailand">ð¹ð +66</option> 2411 <option value="ð¦ðº Australia">ð¦ðº +61</option> 2412 <option value="ð³ð¿ New Zealand">ð³ð¿ +64</option> 2413 <option value="ð©ðª Germany">ð©ðª +49</option> 2414 <option value="ð«ð· France">ð«ð· +33</option> 2415 <option value="ð³ð± Netherlands">ð³ð± +31</option> 2416 <option value="ð¿ð¦ South Africa">ð¿ð¦ +27</option> 2417 <option value="ð³ð¬ Nigeria">
2417ð³ð¬ +234</option> 2418 <option value="ð°ðª Kenya">ð°ðª +254</option> 2419 <option value="ðªð¬ Egypt">ðªð¬ +20</option> 2420 <option value="ð¬ð Ghana">ð¬ð +233</option> 2421 <option value="ð²ð¦ Morocco">ð²ð¦ +212</option> 2422 <option value="ð¹ð¿ Tanzania">ð¹ð¿ +255</option> 2423 <option value="ðºð¬ Uganda">ðºð¬ +256</option> 2424 <option value="ðªð¹ Ethiopia">ðªð¹ +251</option> 2425 </select> 2426 <input type="tel" name="phone" placeholder="Phone number" inputmode="numeric" autocomplete="tel" pattern="[0-9]{7,15}" required /> 2427 </div> 2428 </div> 2429 <input type="hidden" name="source" value="about us" /> 2430 <input type="hidden" name="sourcePage" value="about us form popout" /> 2431 <input type="hidden" name="sourceContext" value="about us" /> 2432 <p class="lead-form-feedback" data-lead-feedback></p> 2433 <button class="lead-form-submit" type="submit">Book a call</button> 2434 </form> 2435 <div class="lead-modal-proof" aria-label="Reviews and consent"> 2436 <div class="lead-modal-reviews"> 2437 <a class="lead-modal-review-card" href="https://clutch.co/profile/markage360" target="_blank" rel="noreferrer noopener" aria-label="View Clutch reviews"> 2438 <img class="lead-modal-review-logo" src="/assets/clutchco-dark.svg" alt="Clutch" /> 2439 <div class="lead-modal-review-copy"> 2440 <strong>Clutch</strong> 2441 <div class="lead-modal-review-rating" aria-label="5 out of 5 stars"> 2442 <span class="lead-modal-review-stars" aria-hidden="true">â â â â â </span> 2443 <span>5+ verified reviews</span> 2444 </div> 2445 <span>Verified Clutch reviews</span> 2446 </div> 2447 </a> 2448 <a class="lead-modal-review-card" href="https://share.google/5r49RYHklUOUwUl43" target="_blank" rel="noreferrer noopener" aria-label="View Google reviews"> 2449 <div class="lead-modal-review-google-mark" aria-hidden="true">Google</div> 2450 <div class="lead-modal-review-copy"> 2451 <strong>Google reviews</strong> 2452 <div class="lead-modal-review-rating" aria-label="5 out of 5 stars"> 2453 <span class="lead-modal-review-stars" aria-hidden="true">â â â â â </span> 2454 <span>6+ verified reviews</span> 2455 </div> 2456 <span>Verified Google reviews</span> 2457 </div> 2458 </a> 2459 </div> 2460 <p class="lead-modal-consent">By clicking the button, you consent to let MarkAge360 and our partners contact you using automated technology. This includes pre-recorded messages, text messages, and emails sent to the phone number and email address you provided. We may reach out to you even if your number is currently on a state or national Do Not Call list. You do not have to provide this consent to purchase our services. For more details on how we protect your data, please read our Privacy Policy.</p> 2461 </div> 2462 </div> 2463 </div> 2464 2465 <footer class="ma-footer" role="contentinfo"> 2466 <div class="ma-footer-shell"> 2467 2468 <div class="ma-footer-top"> 2469 <h2 class="ma-footer-statement">Build a brand that <em>compounds</em>.</h2> 2470 <div class="ma-footer-cta-row"> 2471 <a href="#lead-form" class="ma-footer-cta" data-open-lead-modal-header data-footer-lead-cta> 2472 Start a conversation 2473 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg> 2474 </a> 2475 </div> 2476 </div> 2477 2478 <div class="ma-footer-rule" aria-hidden="true"></div> 2479 2480 <div class="ma-footer-grid"> 2481 2482 <div class="ma-footer-col ma-footer-col-brand"> 2483 <a class="ma-footer-brand" href="/" aria-label="Markage360 home"> 2484 <img class="ma-footer-logo" src="/assets/markage360-white.png" alt="MarkAge360" data-adaptive-logo data-logo-light="/assets/black.png" data-logo-dark="/assets/markage360-white.png" data-logo-fallback="dark" /> 2485 </a> 2486 <p class="ma-footer-tagline">India's full-stack growth agency â strategy, creative, performance, and AI, all under one roof.</p> 2487 <div class="ma-footer-social" aria-label="Social links"> 2488 <a href="https://www.instagram.com/markage360/" target="_blank" rel="noreferrer noopener" aria-label="MarkAge360 on Instagram" class="ma-footer-social-link"> 2489 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7.4 2.8h9.2c2.6 0 4.6 2 4.6 4.6v9.2c0 2.6-2 4.6-4.6 4.6H7.4c-2.6 0-4.6-2-4.6-4.6V7.4c0-2.6 2-4.6 4.6-4.6Zm0 1.8c-1.6 0-2.8 1.2-2.8 2.8v9.2c0 1.6 1.2 2.8 2.8 2.8h9.2c1.6 0 2.8-1.2 2.8-2.8V7.4c0-1.6-1.2-2.8-2.8-2.8H7.4Zm4.6 3.3a4.1 4.1 0 1 1 0 8.2 4.1 4.1 0 0 1 0-8.2Zm0 1.8a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Zm4.4-2.6a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg> 2490 </a> 2491 <a href="https://in.linkedin.com/company/markage360" target="_blank" rel="noreferrer noopener" aria-label="MarkAge360 on LinkedIn" class="ma-footer-social-link"> 2492 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5.7 8.8h3.2v10.4H5.7V8.8Zm1.6-4.9a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6Zm3.8 4.9h3.1v1.4h.1c.4-.8 1.5-1.7 3-1.7 3.2 0 3.8 2.1 3.8 4.9v5.8h-3.2v-5.1c0-1.2 0-2.8-1.7-2.8s-2 1.3-2 2.7v5.2h-3.2V8.8Z"/></svg> 2493 </a> 2494 <a href="https://www.youtube.com/@markage360official" target="_blank" rel="noreferrer noopener" aria-label="MarkAge360 on YouTube" class="ma-footer-social-link"> 2495 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23 7s-.3-2-1.2-2.8C20.7 3 19.4 3 18.8 2.9 16.2 2.8 12 2.8 12 2.8s-4.2 0-6.8.1c-.6.1-1.9.1-3 1.3C1.3 5 1 7 1 7S.7 9.1.7 11.2v2c0 2.1.3 4.2.3 4.2s.3 2 1.2 2.8c1.1 1.2 2.6 1.1 3.3 1.2C7.5 21.4 12 21.5 12 21.5s4.2 0 6.8-.2c.6-.1 1.9-.1 3-1.3.9-.8 1.2-2.8 1.2-2.8s.3-2.1.3-4.2v-2C23.3 9.1 23 7 23 7zm-13.7 8.6V8.4l8.1 3.7-8.1 3.5z"/></svg> 2496 </a> 2497 <a href="https://twitter.com/markage360" target="_blank" rel="noreferrer noopener" aria-label="MarkAge360 on X / Twitter" class="ma-footer-social-link"> 2498 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.23
24981H2.748l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> 2499 </a> 2500 </div> 2501 </div> 2502 2503 <div class="ma-footer-col"> 2504 <p class="ma-footer-col-title">Company</p> 2505 <nav class="ma-footer-nav" aria-label="Company links"> 2506 <a href="/about">About us</a> 2507 <a href="/services/">Services</a> 2508 <a href="/careers">Careers</a> 2509 <a href="/blogs">360Lens</a> 2510 <a href="/contact">Contact</a> 2511 </nav> 2512 </div> 2513 2514 <div class="ma-footer-col"> 2515 <p class="ma-footer-col-title">Services</p> 2516 <nav class="ma-footer-nav" aria-label="Service links"> 2517 <a href="/services/digital-experiences/">Digital Experiences</a> 2518 <a href="/services/brand-creative/">Brand & Creative</a> 2519 <a href="/services/growth-marketing/">Growth Marketing</a> 2520 <a href="/services/ai-automation/">AI & Automation</a> 2521 <a href="/services/data-intelligence/">Data & Intelligence</a> 2522 </nav> 2523 </div> 2524 2525 <div class="ma-footer-col"> 2526 <p class="ma-footer-col-title">Get in touch</p> 2527 <address class="ma-footer-address"> 2528 <a href="mailto:[email protected]" class="ma-footer-contact-link">[email protected]</a> 2529 <span class="ma-footer-addr-line">1612-A Tower 2, Magnum Global Park,<br>Golf Course Extension, Gurugram 122098</span> 2530 </address> 2531 </div> 2532 2533 </div> 2534 2535 <div class="ma-footer-rule" aria-hidden="true"></div> 2536 2537 <div class="ma-footer-bottom"> 2538 <p class="ma-footer-copy">© <span data-year>2020â2026</span> MarkAge360 · All rights reserved</p> 2539 <div class="ma-footer-partners" aria-label="Partner credentials and awards"> 2540 <img loading="lazy" decoding="async" class="ma-footer-partner ma-footer-partner-meta" src="/assets/meta-agency-partner-white.png" alt="Meta Business Partner" /> 2541 <img loading="lazy" decoding="async" class="ma-footer-partner ma-footer-partner-semrush" src="/assets/semrush-agency-partner-white.png" alt="Semrush Certified Agency Partner" /> 2542 <img loading="lazy" decoding="async" class="ma-footer-award ma-footer-award-clutch" src="/assets/top-digital-marketing-company-india-2025-clutch.png" alt="MarkAge360 â Top Digital Marketing Company, India 2025" /> 2543 <img loading="lazy" decoding="async" class="ma-footer-award ma-footer-award-clutch" src="/assets/top-b2b-companies-global-2025-clutch.png" alt="MarkAge360 â Top B2B Companies, Global 2025" /> 2544 <img loading="lazy" decoding="async" class="ma-footer-award ma-footer-award-clutch" src="/assets/clutch-advertising.png" alt="MarkAge360 â Top Advertising Company 2025" /> 2545 <img loading="lazy" decoding="async" class="ma-footer-award ma-footer-award-clutch" src="/assets/top-ai-agents-company-2025-clutch.png" alt="MarkAge360 â Top AI Agents Company 2025" /> 2546 <img loading="lazy" decoding="async" class="ma-footer-award ma-footer-award-clutch" src="/assets/top-artificial-intelligence-company-clutch.png" alt="MarkAge360 â Top Artificial Intelligence Company 2025" /> 2547 </div> 2548 </div> 2549 2550 </div> 2551 </footer> 2552 </div> 2553
2553<script src="/script.js?v=20260930-home-h1-footer-countries-1"></script>
2553 2554
2554<script src="/about-2026.js?v=20260813-empty-anchor-1" defer></script>
2554 2555 2556 <!--email_on-->
2556<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"56552559b58940e1bccce542e10358cc","r":1,"spa":2}' crossorigin="anonymous"></script>
2556 2557</body> 2558</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.