PageSourceSearch

https://markage360.com/about

html markage360.com collected 2026-10-07 19:06:30 UTC 216,546 bytes, 2,558 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; shopify development">
125                        <a class="nmv2-link" href="/services/digital-experiences/ecommerce-shopify-development/" role="menuitem">
126                          <span class="nmv2-link-label">E-Commerce &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; positioning">
166                        <a class="nmv2-link" href="/services/brand-creative/brand-strategy-positioning/" role="menuitem">
167                          <span class="nmv2-link-label">Brand Strategy &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; motion design">
196                        <a class="nmv2-link" href="/services/brand-creative/graphic-motion-design/" role="menuitem">
197                          <span class="nmv2-link-label">Graphic &amp; 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 &amp; photography production">
202                        <a class="nmv2-link" href="/services/brand-creative/video-photography-production/" role="menuitem">
203                          <span class="nmv2-link-label">Video &amp; 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 &amp; planning">
219                    <a class="nmv2-link" href="/services/growth-marketing/media-strategy-planning/" role="menuitem">
220                      <span class="nmv2-link-label">Media Strategy &amp; 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 &amp; display advertising streaming &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; lead generation">
287                        <a class="nmv2-link" href="/services/growth-marketing/demand-lead-generation/" role="menuitem">
288                          <span class="nmv2-link-label">Demand &amp; 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 &amp; lifecycle marketing">
293                        <a class="nmv2-link" href="/services/growth-marketing/email-lifecycle-marketing/" role="menuitem">
294                          <span class="nmv2-link-label">Email &amp; 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 &amp; marketplaces">
317                    <a class="nmv2-link" href="/services/growth-marketing/retail-media-marketplaces/" role="menuitem">
318                      <span class="nmv2-link-label">Retail Media &amp; 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 &amp; 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 &amp; 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 &amp; messaging automation">
340                        <a class="nmv2-link" href="/services/ai-automation/whatsapp-messaging/" role="menuitem">
341                          <span class="nmv2-link-label">WhatsApp &amp; 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 &amp; nurturing">
346                        <a class="nmv2-link" href="/services/ai-automation/lead-qualification/" role="menuitem">
347                          <span class="nmv2-link-label">AI Lead Qualification &amp; 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 &amp; marketing automation">
358                        <a class="nmv2-link" href="/services/ai-automation/crm-sales-automation/" role="menuitem">
359                          <span class="nmv2-link-label">CRM, Sales &amp; 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 &amp; 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 &amp; insights">
393                        <a class="nmv2-link" href="/services/data-intelligence/marketing-analytics-insights/" role="menuitem">
394                          <span class="nmv2-link-label">Marketing Analytics &amp; 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 &amp; funnel tracking">
405                        <a class="nmv2-link" href="/services/data-intelligence/conversion-funnel-tracking/" role="menuitem">
406                          <span class="nmv2-link-label">Conversion &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; revenue analytics">
435                        <a class="nmv2-link" href="/services/data-intelligence/cohort
435-revenue-analytics/" role="menuitem">
436                          <span class="nmv2-link-label">Cohort &amp; 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">&rarr;</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 &amp; 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 &amp; 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 &amp; 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>&#8249;</button>
681              <button class="ab3-frame2-stats-arrow ab3-frame2-stats-arrow--next" type="button" data-ab3-stats-next aria-label="Next stat">&#8250;</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&deg;.</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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>&#8249;</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">&#8250;</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 &amp; 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&nbsp;<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&nbsp;<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> &mdash; work that began at King Crescent and continued at MarkAge360 &mdash; 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>&times;</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 &amp; Creative</a>
2519                <a href="/services/growth-marketing/">Growth Marketing</a>
2520                <a href="/services/ai-automation/">AI &amp; Automation</a>
2521                <a href="/services/data-intelligence/">Data &amp; 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">&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.