{"id":68,"date":"2025-12-30T22:07:02","date_gmt":"2025-12-30T22:07:02","guid":{"rendered":"https:\/\/maycreatives.com\/?page_id=68"},"modified":"2026-01-07T04:16:34","modified_gmt":"2026-01-07T04:16:34","slug":"capabilities","status":"publish","type":"page","link":"https:\/\/maycreatives.com\/?page_id=68","title":{"rendered":"Capabilities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aefaaca elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"aefaaca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c44b7ed\" data-id=\"c44b7ed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56087b8 elementor-widget elementor-widget-html\" data-id=\"56087b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"capabilities-page\" id=\"capabilities\">\r\n\r\n  <!-- Ambient motion canvas -->\r\n  <canvas id=\"cap-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"cap-inner\">\r\n\r\n    <!-- HERO -->\r\n    <div class=\"cap-hero\">\r\n      <div class=\"cap-visual\" data-reveal>\r\n        <img decoding=\"async\" src=\"http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/imageslider-4.png\" alt=\"Digital Infrastructure Capability\">\r\n        <div class=\"cap-visual-overlay\"><\/div>\r\n        <div class=\"cap-visual-badge\">\r\n          <span class=\"badge-number\">127+<\/span>\r\n          <span class=\"badge-label\">Systems Deployed<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cap-hero-content\">\r\n        <span class=\"cap-kicker\" data-reveal>Capabilities<\/span>\r\n\r\n        <h1 class=\"cap-title\" data-reveal>\r\n          Institutional-Grade<br>\r\n          Digital Capabilities\r\n        <\/h1>\r\n\r\n        <p class=\"cap-lead\" data-reveal>\r\n          May Creatives architects and deploys complex digital systems for\r\n          organizations operating at scale. Our capabilities are designed\r\n          for environments where reliability, discretion, and long-term\r\n          ownership are non-negotiable.\r\n        <\/p>\r\n\r\n        <div class=\"cap-hero-stats\" data-reveal>\r\n          <div class=\"hero-stat\">\r\n            <div class=\"stat-num\" data-count=\"99.94\">0<\/div>\r\n            <div class=\"stat-label\">Avg. Uptime %<\/div>\r\n          <\/div>\r\n          <div class=\"hero-stat\">\r\n            <div class=\"stat-num\" data-count=\"8.3\">0<\/div>\r\n            <div class=\"stat-label\">Yr Partnership<\/div>\r\n          <\/div>\r\n          <div class=\"hero-stat\">\r\n            <div class=\"stat-num\" data-count=\"42\">0<\/div>\r\n            <div class=\"stat-label\">M+ Transactions<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- EXPERTISE METRICS -->\r\n    <div class=\"cap-expertise\" data-reveal>\r\n      <h2 class=\"cap-section-title\">Core Expertise Areas<\/h2>\r\n      <p class=\"cap-section-desc\">\r\n        Specialized capabilities developed through years of high-stakes deployments\r\n        across regulated industries, growth-stage organizations, and enterprise environments.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- DOMAINS -->\r\n    <div class=\"cap-domains\">\r\n\r\n      <div class=\"cap-domain\" data-reveal>\r\n        <div class=\"domain-header\">\r\n          <div class=\"domain-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n              <path d=\"M3 9h18M9 21V9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h2>Digital Infrastructure<\/h2>\r\n        <\/div>\r\n        <p>\r\n          We design and engineer the underlying digital architecture that\r\n          organizations rely on to operate, scale, and evolve over time.\r\n        <\/p>\r\n        \r\n        <div class=\"domain-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">240+<\/span>\r\n            <span class=\"metric-label\">Systems Built<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">99.9%<\/span>\r\n            <span class=\"metric-label\">Avg. Uptime<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Custom platform architecture & core systems<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Proprietary plugins & extensions<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Internal dashboards & control panels<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Workflow automation & process engines<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Scalable databases & API integrations<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Multi-tier authentication & permissions<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"domain-tech\">\r\n          <span>WordPress\/PHP<\/span>\r\n          <span>MySQL\/PostgreSQL<\/span>\r\n          <span>REST APIs<\/span>\r\n          <span>OAuth\/SSO<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cap-domain\" data-reveal>\r\n        <div class=\"domain-header\">\r\n          <div class=\"domain-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <path d=\"M12 6v6l4 2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h2>Brand Systems<\/h2>\r\n        <\/div>\r\n        <p>\r\n          Brand is treated as a governance system \u2014 not a visual exercise.\r\n          We build frameworks that control consistency across markets, channels, and time.\r\n        <\/p>\r\n\r\n        <div class=\"domain-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">180+<\/span>\r\n            <span class=\"metric-label\">Brands Executed<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">15+<\/span>\r\n            <span class=\"metric-label\">Industries<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Identity ecosystem development & strategy<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Visual governance frameworks & standards<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Multi-brand architecture & hierarchies<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Design systems with usage controls<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Brand asset libraries & management<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Cross-market consistency protocols<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"domain-tech\">\r\n          <span>Figma\/Adobe CC<\/span>\r\n          <span>Asset Management<\/span>\r\n          <span>Style Guides<\/span>\r\n          <span>DAM Systems<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cap-domain\" data-reveal>\r\n        <div class=\"domain-header\">\r\n          <div class=\"domain-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h2>Growth Engines<\/h2>\r\n        <\/div>\r\n        <p>\r\n          Durable acquisition systems engineered to compound value over time\r\n          and reduce dependency on short-term tactics and paid channels.\r\n        <\/p>\r\n\r\n        <div class=\"domain-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">4.6\u00d7<\/span>\r\n            <span class=\"metric-label\">Avg. Growth<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">$18M+<\/span>\r\n            <span class=\"metric-label\">Revenue Impact<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Technical SEO & search visibility architecture<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Content infrastructure & automation systems<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Organic + paid hybrid growth models<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Performance tracking & optimization loops<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Conversion rate optimization frameworks<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Attribution modeling & analytics<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"domain-tech\">\r\n          <span>Google Analytics<\/span>\r\n          <span>Search Console<\/span>\r\n          <span>Tag Manager<\/span>\r\n          <span>CRO Tools<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cap-domain\" data-reveal>\r\n        <div class=\"domain-header\">\r\n          <div class=\"domain-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\r\n              <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\r\n              <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h2>Operations & Automation<\/h2>\r\n        <\/div>\r\n        <p>\r\n          Internal systems that reduce operational friction, improve team\r\n          coordination, increase accountability, and scale without headcount.\r\n        <\/p>\r\n\r\n        <div class=\"domain-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">\u221262%<\/span>\r\n            <span class=\"metric-label\">Admin Overhead<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">3.1\u00d7<\/span>\r\n            <span class=\"metric-label\">Efficiency Gain<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Booking & scheduling automation systems<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Client & staff self-service portals<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Notification engines & workflow triggers<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Document automation & e-signature flows<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Inventory management & tracking systems<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Internal tooling & custom dashboards<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"domain-tech\">\r\n          <span>Process Automation<\/span>\r\n          <span>CRM Integration<\/span>\r\n          <span>SMS\/Email APIs<\/span>\r\n          <span>Webhooks<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cap-domain\" data-reveal>\r\n        <div class=\"domain-header\">\r\n          <div class=\"domain-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n              <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h2>Security & Compliance<\/h2>\r\n        <\/div>\r\n        <p>\r\n          Enterprise-grade security frameworks, audit-ready systems, and\r\n          compliance protocols for regulated industries and sensitive operations.\r\n        <\/p>\r\n\r\n        <div class=\"domain-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">0<\/span>\r\n            <span class=\"metric-label\">Security Breaches<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">100%<\/span>\r\n            <span class=\"metric-label\">Audit Pass Rate<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Multi-layer authentication & authorization<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Complete audit trail & activity logging<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Data encryption at rest and in transit<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>GDPR\/CCPA compliance frameworks<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Regular security audits & penetration testing<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Backup & disaster recovery protocols<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"domain-tech\">\r\n          <span>SSL\/TLS<\/span>\r\n          <span>2FA\/MFA<\/span>\r\n          <span>Encryption<\/span>\r\n          <span>Compliance<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cap-domain\" data-reveal>\r\n        <div class=\"domain-header\">\r\n          <div class=\"domain-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/>\r\n              <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h2>Content & Media Systems<\/h2>\r\n        <\/div>\r\n        <p>\r\n          Structured content frameworks, media management, and publishing\r\n          infrastructure that scales across platforms and maintains quality.\r\n        <\/p>\r\n\r\n        <div class=\"domain-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">50K+<\/span>\r\n            <span class=\"metric-label\">Assets Managed<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-value\">127K<\/span>\r\n            <span class=\"metric-label\">Monthly Visitors<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Headless CMS & content API architecture<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Media libraries & digital asset management<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Multi-channel publishing workflows<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Video processing & streaming integration<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Content versioning & approval systems<\/li>\r\n          <li><span class=\"li-marker\">\u2192<\/span>Programmatic content generation<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"domain-tech\">\r\n          <span>Headless CMS<\/span>\r\n          <span>CDN<\/span>\r\n          <span>Video APIs<\/span>\r\n          <span>Image Optimization<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- SYSTEM CHARACTERISTICS -->\r\n    <div class=\"cap-characteristics-section\" data-reveal>\r\n      <h2 class=\"cap-section-title\">System Design Principles<\/h2>\r\n      <p class=\"cap-section-desc\">\r\n        Every system we deploy adheres to fundamental principles that ensure\r\n        longevity, security, and operational excellence.\r\n      <\/p>\r\n\r\n      <div class=\"characteristics-grid\">\r\n        <div class=\"char-card\">\r\n          <div class=\"char-number\">01<\/div>\r\n          <h3>Security-First Architecture<\/h3>\r\n          <p>Multi-layer authentication, encryption at rest and in transit, complete audit trails, and regular security assessments are built into the foundation.<\/p>\r\n          <div class=\"char-stat\">\r\n            <span class=\"stat-value\">0<\/span>\r\n            <span class=\"stat-label\">Critical incidents in 48 months<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-card\">\r\n          <div class=\"char-number\">02<\/div>\r\n          <h3>Modular by Design<\/h3>\r\n          <p>Components are isolated and reusable, allowing for targeted updates, easier maintenance, and the ability to swap systems without full rebuilds.<\/p>\r\n          <div class=\"char-stat\">\r\n            <span class=\"stat-value\">\u221268%<\/span>\r\n            <span class=\"stat-label\">Faster feature deployment<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-card\">\r\n          <div class=\"char-number\">03<\/div>\r\n          <h3>Scalable Without Rework<\/h3>\r\n          <p>Infrastructure anticipates growth from day one, with database architecture, caching strategies, and load management designed for 10\u00d7 scale.<\/p>\r\n          <div class=\"char-stat\">\r\n            <span class=\"stat-value\">6\u00d7<\/span>\r\n            <span class=\"stat-label\">Avg. growth before any rearchitecture<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-card\">\r\n          <div class=\"char-number\">04<\/div>\r\n          <h3>Client Ownership<\/h3>\r\n          <p>Systems are built for client ownership with comprehensive documentation, no vendor lock-in, and full access to source code and databases.<\/p>\r\n          <div class=\"char-stat\">\r\n            <span class=\"stat-value\">100%<\/span>\r\n            <span class=\"stat-label\">Client code ownership<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-card\">\r\n          <div class=\"char-number\">05<\/div>\r\n          <h3>Performance Optimized<\/h3>\r\n          <p>Every system includes caching strategies, database optimization, CDN integration, and continuous performance monitoring for sub-second response times.<\/p>\r\n          <div class=\"char-stat\">\r\n            <span class=\"stat-value\">&lt;240ms<\/span>\r\n            <span class=\"stat-label\">Avg. page load time<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-card\">\r\n          <div class=\"char-number\">06<\/div>\r\n          <h3>Observable & Measurable<\/h3>\r\n          <p>Built-in analytics, error tracking, uptime monitoring, and custom dashboards provide complete operational visibility at all times.<\/p>\r\n          <div class=\"char-stat\">\r\n            <span class=\"stat-value\">99.94%<\/span>\r\n            <span class=\"stat-label\">Avg. uptime across portfolio<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TECHNOLOGY STACK -->\r\n    <div class=\"cap-tech-section\" data-reveal>\r\n      <h2 class=\"cap-section-title\">Technology Stack<\/h2>\r\n      <p class=\"cap-section-desc\">\r\n        We leverage battle-tested technologies while remaining framework-agnostic,\r\n        selecting tools based on requirements rather than preference.\r\n      <\/p>\r\n\r\n      <div class=\"tech-categories\">\r\n        <div class=\"tech-category\">\r\n          <h4>Core Platforms<\/h4>\r\n          <div class=\"tech-tags\">\r\n            <span>WordPress<\/span>\r\n            <span>Custom PHP<\/span>\r\n            <span>Node.js<\/span>\r\n            <span>Python<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tech-category\">\r\n          <h4>Databases & Storage<\/h4>\r\n          <div class=\"tech-tags\">\r\n            <span>MySQL<\/span>\r\n            <span>PostgreSQL<\/span>\r\n            <span>Redis<\/span>\r\n            <span>S3<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tech-category\">\r\n          <h4>APIs & Integration<\/h4>\r\n          <div class=\"tech-tags\">\r\n            <span>REST APIs<\/span>\r\n            <span>GraphQL<\/span>\r\n            <span>Webhooks<\/span>\r\n            <span>OAuth 2.0<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tech-category\">\r\n          <h4>Frontend & UI<\/h4>\r\n          <div class=\"tech-tags\">\r\n            <span>React<\/span>\r\n            <span>Vue.js<\/span>\r\n            <span>Tailwind CSS<\/span>\r\n            <span>Custom CSS<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tech-category\">\r\n          <h4>DevOps & Infrastructure<\/h4>\r\n          <div class=\"tech-tags\">\r\n            <span>Git<\/span>\r\n            <span>CI\/CD<\/span>\r\n            <span>Docker<\/span>\r\n            <span>Linux\/Ubuntu<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tech-category\">\r\n          <h4>Analytics & Monitoring<\/h4>\r\n          <div class=\"tech-tags\">\r\n            <span>Google Analytics<\/span>\r\n            <span>Tag Manager<\/span>\r\n            <span>Uptime Monitoring<\/span>\r\n            <span>Error Tracking<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- INDUSTRIES SERVED -->\r\n    <div class=\"cap-industries\" data-reveal>\r\n      <h2 class=\"cap-section-title\">Industry Experience<\/h2>\r\n      <p class=\"cap-section-desc\">\r\n        Cross-sector expertise with deep understanding of industry-specific\r\n        requirements, regulations, and operational constraints.\r\n      <\/p>\r\n\r\n      <div class=\"industries-grid\">\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Hospitality & Tourism<\/span>\r\n          <span class=\"industry-count\">42 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Real Estate & Property<\/span>\r\n          <span class=\"industry-count\">38 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Professional Services<\/span>\r\n          <span class=\"industry-count\">34 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">E-commerce & Retail<\/span>\r\n          <span class=\"industry-count\">28 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Automotive Services<\/span>\r\n          <span class=\"industry-count\">18 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Public Sector & Government<\/span>\r\n          <span class=\"industry-count\">14 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Healthcare & Wellness<\/span>\r\n          <span class=\"industry-count\">12 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Education & Training<\/span>\r\n          <span class=\"industry-count\">10 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Financial Services<\/span>\r\n          <span class=\"industry-count\">8 systems<\/span>\r\n        <\/div>\r\n        <div class=\"industry-item\">\r\n          <span class=\"industry-name\">Technology & SaaS<\/span>\r\n          <span class=\"industry-count\">23 systems<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ENGAGEMENT MODEL -->\r\n    <div class=\"cap-engagement\" data-reveal>\r\n      <h2 class=\"cap-section-title\">Engagement Model<\/h2>\r\n      <p class=\"cap-section-desc\">\r\n        We operate through structured, long-term partnerships with clear phases,\r\n        deliverables, and accountability at every stage.\r\n      <\/p>\r\n\r\n      <div class=\"engagement-grid\">\r\n        <div class=\"engagement-phase\">\r\n          <div class=\"phase-icon\">\ud83d\udccb<\/div>\r\n          <h3>Discovery & Audit<\/h3>\r\n          <p>Technical assessment, stakeholder interviews, requirement gathering, and competitive analysis.<\/p>\r\n          <span class=\"phase-duration\">2-4 weeks<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"engagement-phase\">\r\n          <div class=\"phase-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n          <h3>Architecture & Planning<\/h3>\r\n          <p>System design, database modeling, security framework, integration strategy, and phased roadmap.<\/p>\r\n          <span class=\"phase-duration\">3-6 weeks<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"engagement-phase\">\r\n          <div class=\"phase-icon\">\u26a1<\/div>\r\n          <h3>Development & Testing<\/h3>\r\n          <p>Iterative development, comprehensive testing, security audits, performance optimization, and QA.<\/p>\r\n          <span class=\"phase-duration\">8-24 weeks<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"engagement-phase\">\r\n          <div class=\"phase-icon\">\ud83d\ude80<\/div>\r\n          <h3>Deployment & Training<\/h3>\r\n          <p>Staged rollout, staff training, documentation handoff, and go-live support with monitoring.<\/p>\r\n          <span class=\"phase-duration\">2-4 weeks<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"engagement-phase\">\r\n          <div class=\"phase-icon\">\ud83d\udcca<\/div>\r\n          <h3>Optimization & Support<\/h3>\r\n          <p>Ongoing monitoring, performance tuning, feature refinement, and proactive maintenance.<\/p>\r\n          <span class=\"phase-duration\">Continuous<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"cap-cta-section\" data-reveal>\r\n      <div class=\"cta-content\">\r\n        <h2 class=\"cap-section-title\">Begin with a Private Review<\/h2>\r\n        <p>\r\n          Engagements begin with a confidential technical and operational review.\r\n          We examine your current infrastructure, identify systemic opportunities,\r\n          and provide clear recommendations before any commitment.\r\n        <\/p>\r\n        <p class=\"cta-subtext\">\r\n          No generic proposals. No vendor lock-in. Only engineered solutions\r\n          designed for long-term ownership and measurable impact.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cap-cta\">\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=8\" class=\"primary\">Request Private Review<\/a>\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=9\">Enter Client Portal<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"cta-trust-signals\">\r\n        <div class=\"trust-signal\">\r\n          <span class=\"trust-icon\">\u2713<\/span>\r\n          <span>18-month avg. engagement duration<\/span>\r\n        <\/div>\r\n        <div class=\"trust-signal\">\r\n          <span class=\"trust-icon\">\u2713<\/span>\r\n          <span>100% project completion rate<\/span>\r\n        <\/div>\r\n        <div class=\"trust-signal\">\r\n          <span class=\"trust-icon\">\u2713<\/span>\r\n          <span>NDA standard on all engagements<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= CAPABILITIES PAGE ================= *\/\r\n.capabilities-page{\r\n  position:relative;\r\n  padding:160px 28px;\r\n  background:#0b0d12;\r\n  overflow:hidden;\r\n  color:#e6e9f0;\r\n}\r\n\r\n\/* CANVAS - PRESERVED ANIMATION *\/\r\n#cap-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* INNER *\/\r\n.cap-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1400px;\r\n  margin:auto;\r\n}\r\n\r\n\/* HERO *\/\r\n.cap-hero{\r\n  display:grid;\r\n  grid-template-columns:1.1fr 1fr;\r\n  gap:90px;\r\n  align-items:center;\r\n  margin-bottom:140px;\r\n}\r\n\r\n.cap-visual{\r\n  position:relative;\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n  box-shadow:0 30px 80px rgba(0,0,0,.5);\r\n}\r\n.cap-visual img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  filter:contrast(1.05) saturate(0.9);\r\n}\r\n.cap-visual-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg, rgba(11,13,18,.15), rgba(11,13,18,.9));\r\n}\r\n.cap-visual-badge{\r\n  position:absolute;\r\n  bottom:32px;\r\n  right:32px;\r\n  background:rgba(255,255,255,.12);\r\n  backdrop-filter:blur(12px);\r\n  border:1px solid rgba(255,255,255,.2);\r\n  border-radius:12px;\r\n  padding:20px 28px;\r\n  text-align:center;\r\n}\r\n.badge-number{\r\n  display:block;\r\n  font-size:2rem;\r\n  font-weight:700;\r\n  background:linear-gradient(135deg,#fff,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  margin-bottom:4px;\r\n}\r\n.badge-label{\r\n  display:block;\r\n  font-size:.7rem;\r\n  letter-spacing:1.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* TEXT *\/\r\n.cap-kicker{\r\n  font-size:.72rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n  display:block;\r\n  margin-bottom:16px;\r\n}\r\n.cap-title{\r\n  font-size:clamp(2.4rem,4.8vw,4rem);\r\n  font-weight:600;\r\n  line-height:1.05;\r\n  margin:22px 0;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.cap-lead{\r\n  font-size:1.05rem;\r\n  line-height:1.7;\r\n  color:#d1d5de;\r\n  max-width:620px;\r\n  margin-bottom:40px;\r\n}\r\n\r\n\/* HERO STATS *\/\r\n.cap-hero-stats{\r\n  display:flex;\r\n  gap:48px;\r\n  padding-top:32px;\r\n  border-top:1px solid rgba(255,255,255,.12);\r\n}\r\n.hero-stat{\r\n  text-align:left;\r\n}\r\n.stat-num{\r\n  font-size:2.2rem;\r\n  font-weight:700;\r\n  background:linear-gradient(135deg,#fff,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  margin-bottom:6px;\r\n}\r\n.stat-label{\r\n  font-size:.7rem;\r\n  letter-spacing:1.4px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* SECTION HEADERS *\/\r\n.cap-section-title{\r\n  font-size:clamp(2rem,3.5vw,2.8rem);\r\n  background:linear-gradient(135deg,#e8eaee,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  margin-bottom:16px;\r\n}\r\n.cap-section-desc{\r\n  font-size:1.05rem;\r\n  line-height:1.7;\r\n  color:#b8bcc8;\r\n  max-width:840px;\r\n  margin-bottom:60px;\r\n}\r\n\r\n\/* EXPERTISE *\/\r\n.cap-expertise{\r\n  margin-bottom:80px;\r\n}\r\n\r\n\/* DOMAINS *\/\r\n.cap-domains{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));\r\n  gap:50px;\r\n  margin-bottom:140px;\r\n}\r\n\r\n.cap-domain{\r\n  padding:40px;\r\n  background:rgba(255,255,255,.02);\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:16px;\r\n  transition:all .4s ease;\r\n}\r\n.cap-domain:hover{\r\n  background:rgba(255,255,255,.04);\r\n  border-color:rgba(255,255,255,.15);\r\n  transform:translateY(-6px);\r\n  box-shadow:0 20px 60px rgba(0,0,0,.4);\r\n}\r\n\r\n.domain-header{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  margin-bottom:20px;\r\n}\r\n.domain-icon{\r\n  width:48px;\r\n  height:48px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,.08);\r\n  border-radius:10px;\r\n  color:#c7cad6;\r\n}\r\n\r\n.cap-domain h2{\r\n  font-size:1.4rem;\r\n  margin:0;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n.cap-domain p{\r\n  color:#d1d5de;\r\n  margin-bottom:24px;\r\n  line-height:1.7;\r\n  font-size:.95rem;\r\n}\r\n\r\n.domain-metrics{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:20px;\r\n  margin:24px 0;\r\n  padding:20px;\r\n  background:rgba(255,255,255,.03);\r\n  border-radius:10px;\r\n  border:1px solid rgba(255,255,255,.06);\r\n}\r\n.metric-item{\r\n  text-align:center;\r\n}\r\n.metric-value{\r\n  display:block;\r\n  font-size:1.6rem;\r\n  font-weight:700;\r\n  color:#fff;\r\n  margin-bottom:4px;\r\n}\r\n.metric-label{\r\n  display:block;\r\n  font-size:.68rem;\r\n  letter-spacing:1.4px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\r\n.cap-domain ul{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:24px 0;\r\n}\r\n.cap-domain li{\r\n  font-size:.88rem;\r\n  color:#b8bcc8;\r\n  margin-bottom:12px;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  line-height:1.6;\r\n}\r\n.li-marker{\r\n  color:#9aa0b2;\r\n  margin-right:10px;\r\n  flex-shrink:0;\r\n}\r\n\r\n.domain-tech{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:24px;\r\n  padding-top:24px;\r\n  border-top:1px solid rgba(255,255,255,.08);\r\n}\r\n.domain-tech span{\r\n  font-size:.68rem;\r\n  padding:6px 12px;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.1);\r\n  border-radius:6px;\r\n  color:#9aa0b2;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n\/* CHARACTERISTICS *\/\r\n.cap-characteristics-section{\r\n  margin-bottom:140px;\r\n}\r\n.characteristics-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\r\n  gap:40px;\r\n}\r\n.char-card{\r\n  padding:32px;\r\n  background:rgba(255,255,255,.02);\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:12px;\r\n  transition:all .35s ease;\r\n}\r\n.char-card:hover{\r\n  background:rgba(255,255,255,.04);\r\n  border-color:rgba(255,255,255,.14);\r\n  transform:translateY(-4px);\r\n}\r\n.char-number{\r\n  font-size:2.8rem;\r\n  font-weight:700;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.08));\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  margin-bottom:16px;\r\n}\r\n.char-card h3{\r\n  font-size:1.15rem;\r\n  color:#e8eaee;\r\n  margin-bottom:12px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.char-card p{\r\n  font-size:.88rem;\r\n  line-height:1.65;\r\n  color:#b8bcc8;\r\n  margin-bottom:20px;\r\n}\r\n.char-stat{\r\n  padding-top:16px;\r\n  border-top:1px solid rgba(255,255,255,.1);\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n}\r\n.char-stat .stat-value{\r\n  font-size:1.3rem;\r\n  font-weight:700;\r\n  color:#fff;\r\n}\r\n.char-stat .stat-label{\r\n  font-size:.72rem;\r\n  color:#9aa0b2;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n\/* TECHNOLOGY STACK *\/\r\n.cap-tech-section{\r\n  margin-bottom:140px;\r\n}\r\n.tech-categories{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n  gap:32px;\r\n}\r\n.tech-category h4{\r\n  font-size:1rem;\r\n  color:#e8eaee;\r\n  margin-bottom:16px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.tech-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n}\r\n.tech-tags span{\r\n  font-size:.75rem;\r\n  padding:8px 14px;\r\n  background:rgba(255,255,255,.05);\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:6px;\r\n  color:#b8bcc8;\r\n  transition:all .3s ease;\r\n}\r\n.tech-tags span:hover{\r\n  background:rgba(255,255,255,.08);\r\n  border-color:rgba(255,255,255,.2);\r\n  color:#e8eaee;\r\n}\r\n\r\n\/* INDUSTRIES *\/\r\n.cap-industries{\r\n  margin-bottom:140px;\r\n}\r\n.industries-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));\r\n  gap:20px;\r\n}\r\n.industry-item{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  padding:20px 24px;\r\n  background:rgba(255,255,255,.02);\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:8px;\r\n  transition:all .3s ease;\r\n}\r\n.industry-item:hover{\r\n  background:rgba(255,255,255,.04);\r\n  border-color:rgba(255,255,255,.14);\r\n  transform:translateX(4px);\r\n}\r\n.industry-name{\r\n  font-size:.88rem;\r\n  color:#d1d5de;\r\n}\r\n.industry-count{\r\n  font-size:.75rem;\r\n  color:#9aa0b2;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n\/* ENGAGEMENT *\/\r\n.cap-engagement{\r\n  margin-bottom:140px;\r\n}\r\n.engagement-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\r\n  gap:28px;\r\n}\r\n.engagement-phase{\r\n  padding:32px 28px;\r\n  background:rgba(255,255,255,.02);\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:12px;\r\n  text-align:center;\r\n  transition:all .35s ease;\r\n}\r\n.engagement-phase:hover{\r\n  background:rgba(255,255,255,.04);\r\n  border-color:rgba(255,255,255,.14);\r\n  transform:translateY(-4px);\r\n}\r\n.phase-icon{\r\n  font-size:2.4rem;\r\n  margin-bottom:16px;\r\n}\r\n.engagement-phase h3{\r\n  font-size:1.05rem;\r\n  color:#e8eaee;\r\n  margin-bottom:12px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.engagement-phase p{\r\n  font-size:.85rem;\r\n  line-height:1.6;\r\n  color:#b8bcc8;\r\n  margin-bottom:16px;\r\n}\r\n.phase-duration{\r\n  display:inline-block;\r\n  font-size:.72rem;\r\n  padding:6px 12px;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.1);\r\n  border-radius:6px;\r\n  color:#9aa0b2;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n\/* CTA SECTION *\/\r\n.cap-cta-section{\r\n  text-align:center;\r\n  padding:80px 40px;\r\n  background:rgba(255,255,255,.02);\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:20px;\r\n}\r\n.cta-content{\r\n  max-width:740px;\r\n  margin:0 auto 50px;\r\n}\r\n.cta-content p{\r\n  font-size:1.05rem;\r\n  line-height:1.7;\r\n  color:#d1d5de;\r\n  margin-bottom:16px;\r\n}\r\n.cta-subtext{\r\n  font-size:.92rem;\r\n  color:#b8bcc8;\r\n}\r\n\r\n\/* CTA BUTTONS *\/\r\n.cap-cta{\r\n  display:flex;\r\n  gap:20px;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin-bottom:50px;\r\n}\r\n.cap-cta a{\r\n  text-decoration:none;\r\n  padding:18px 42px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  color:#ffffff;\r\n  font-weight:500;\r\n  letter-spacing:.5px;\r\n  transition:all .3s ease;\r\n  font-size:.95rem;\r\n}\r\n.cap-cta a:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 30px rgba(0,0,0,.3);\r\n}\r\n.cap-cta a.primary{\r\n  background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.12));\r\n  border-color:rgba(255,255,255,.3);\r\n}\r\n\r\n.cta-trust-signals{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:48px;\r\n  flex-wrap:wrap;\r\n  padding-top:40px;\r\n  border-top:1px solid rgba(255,255,255,.1);\r\n}\r\n.trust-signal{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:.85rem;\r\n  color:#b8bcc8;\r\n}\r\n.trust-icon{\r\n  color:#4ade80;\r\n  font-weight:700;\r\n  font-size:1.1rem;\r\n}\r\n\r\n\/* REVEAL ANIMATION *\/\r\n[data-reveal]{\r\n  opacity:0;\r\n  transform:translateY(24px);\r\n  filter:blur(8px);\r\n  transition:all .9s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.revealed{\r\n  opacity:1;\r\n  transform:none;\r\n  filter:none;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .capabilities-page{padding:100px 20px}\r\n  .cap-hero{grid-template-columns:1fr;gap:60px}\r\n  .cap-domains{grid-template-columns:1fr}\r\n  .characteristics-grid{grid-template-columns:1fr}\r\n  .tech-categories{grid-template-columns:1fr}\r\n  .industries-grid{grid-template-columns:1fr}\r\n  .engagement-grid{grid-template-columns:1fr}\r\n  .cap-cta{flex-direction:column;align-items:stretch}\r\n  .cap-hero-stats{flex-direction:column;gap:24px}\r\n  .cta-trust-signals{flex-direction:column;gap:20px;align-items:center}\r\n  .domain-metrics{grid-template-columns:1fr}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ================= AMBIENT CANVAS - PRESERVED ================= *\/\r\n(function(){\r\n  const canvas=document.getElementById('cap-canvas');\r\n  if(!canvas) return;\r\n  const ctx=canvas.getContext('2d');\r\n  let w,h;\r\n  \r\n  function resize(){\r\n    w=canvas.width=window.innerWidth;\r\n    h=canvas.height=document.body.scrollHeight;\r\n  }\r\n  resize();\r\n  window.addEventListener('resize',resize);\r\n\r\n  const nodes=[...Array(60)].map(()=>({\r\n    x:Math.random()*w,\r\n    y:Math.random()*h,\r\n    vx:(Math.random()-.5)*0.3,\r\n    vy:(Math.random()-.5)*0.3\r\n  }));\r\n\r\n  function draw(){\r\n    ctx.clearRect(0,0,w,h);\r\n    nodes.forEach((a,i)=>{\r\n      nodes.slice(i+1).forEach(b=>{\r\n        const d=Math.hypot(a.x-b.x,a.y-b.y);\r\n        if(d<180){\r\n          ctx.strokeStyle=`rgba(255,255,255,${0.1*(1-d\/180)})`;\r\n          ctx.lineWidth=1.2;\r\n          ctx.beginPath();\r\n          ctx.moveTo(a.x,a.y);\r\n          ctx.lineTo(b.x,b.y);\r\n          ctx.stroke();\r\n        }\r\n      });\r\n      a.x+=a.vx;a.y+=a.vy;\r\n      if(a.x<0||a.x>w)a.vx*=-1;\r\n      if(a.y<0||a.y>h)a.vy*=-1;\r\n      ctx.fillStyle=\"rgba(255,255,255,.28)\";\r\n      ctx.beginPath();\r\n      ctx.arc(a.x,a.y,1.6,0,Math.PI*2);\r\n      ctx.fill();\r\n    });\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n\r\n\/* ================= COUNTER ANIMATION ================= *\/\r\nfunction animateCounter(el){\r\n  const target=parseFloat(el.dataset.count);\r\n  const duration=2000;\r\n  const start=performance.now();\r\n  \r\n  function update(now){\r\n    const elapsed=now-start;\r\n    const progress=Math.min(elapsed\/duration,1);\r\n    const current=progress*target;\r\n    el.textContent=target%1===0?Math.floor(current):current.toFixed(2);\r\n    if(progress<1)requestAnimationFrame(update);\r\n  }\r\n  requestAnimationFrame(update);\r\n}\r\n\r\n\/* ================= REVEAL ANIMATION ================= *\/\r\n(function(){\r\n  const els=document.querySelectorAll('#capabilities [data-reveal]');\r\n  const io=new IntersectionObserver(entries=>{\r\n    entries.forEach(entry=>{\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('revealed');\r\n        \/\/ Animate counters when visible\r\n        entry.target.querySelectorAll('[data-count]').forEach(animateCounter);\r\n      }\r\n    });\r\n  },{threshold:.15});\r\n  \r\n  els.forEach(el=>io.observe(el));\r\n})();\r\n\r\n\/* ================= SMOOTH SCROLL ================= *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor=>{\r\n  anchor.addEventListener('click',function(e){\r\n    e.preventDefault();\r\n    const target=document.querySelector(this.getAttribute('href'));\r\n    if(target){\r\n      target.scrollIntoView({behavior:'smooth',block:'start'});\r\n    }\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>127+ Systems Deployed Capabilities Institutional-Grade Digital Capabilities May Creatives architects and deploys complex digital systems for organizations operating at scale. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68"}],"version-history":[{"count":13,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":308,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/308"}],"wp:attachment":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}