{"id":73,"date":"2025-12-30T22:12:39","date_gmt":"2025-12-30T22:12:39","guid":{"rendered":"https:\/\/maycreatives.com\/?page_id=73"},"modified":"2026-01-20T19:56:20","modified_gmt":"2026-01-20T19:56:20","slug":"representative-case-work","status":"publish","type":"page","link":"https:\/\/maycreatives.com\/?page_id=73","title":{"rendered":"Representative Case Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"73\" class=\"elementor elementor-73\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8e82610 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8e82610\" 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-b039f4f\" data-id=\"b039f4f\" 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-2a87191 elementor-widget elementor-widget-html\" data-id=\"2a87191\" 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=\"mc-casework\">\r\n  <!-- ================= ALWAYS-ON MOTION BACKGROUND ================= -->\r\n  <canvas id=\"mc-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <!-- ================= HERO ================= -->\r\n  <header class=\"mc-hero\">\r\n    <video src=\"http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/insights-blog-post.mp4\"\r\n           autoplay muted loop playsinline><\/video>\r\n    <div class=\"mc-hero-overlay\"><\/div>\r\n    <div class=\"mc-hero-content\">\r\n      <span class=\"mc-eyebrow\">Representative Case Work<\/span>\r\n      <h1 class=\"mc-title\">\r\n        Systems Built Quietly.<br>\r\n        Results Sustained at Scale.\r\n      <\/h1>\r\n      <p class=\"mc-lead\">\r\n        We design and operate digital infrastructure that governs execution,\r\n        enforces clarity, and supports organizations across years \u2014 not launches.\r\n      <\/p>\r\n      <div class=\"mc-hero-stats\">\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\" data-target=\"127\">0<\/div>\r\n          <div class=\"stat-label\">Systems Deployed<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\" data-target=\"99.94\">0<\/div>\r\n          <div class=\"stat-label\">Avg. Uptime %<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\" data-target=\"8.3\">0<\/div>\r\n          <div class=\"stat-label\">Yr Avg. Partnership<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-number\" data-target=\"42\">0<\/div>\r\n          <div class=\"stat-label\">M+ Transactions<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ================= CONTEXT ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <h2 class=\"mc-section-title\">A Record of Executed Systems<\/h2>\r\n    <p>\r\n      Our work often operates beneath the surface \u2014 inside workflows,\r\n      permissions, data structures, and long-running operational logic.\r\n      What follows represents executed system classes, supported by\r\n      measurable outcomes and operational signals.\r\n    <\/p>\r\n    <p>\r\n      Project identifiers are intentionally abstracted to preserve\r\n      confidentiality, while maintaining transparency around scope,\r\n      impact, and execution discipline.\r\n    <\/p>\r\n  <\/section>\r\n\r\n  <!-- ================= FILTER TAGS ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"mc-filters\">\r\n      <button class=\"filter-btn active\" data-filter=\"all\">All Systems<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"hospitality\">Hospitality<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"public\">Public Sector<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"commerce\">Commerce<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"services\">Services<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"real-estate\">Real Estate<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"automotive\">Automotive<\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= CASE GRID ================= -->\r\n  <section class=\"mc-wrap mc-grid\">\r\n    <!-- CASE 1 -->\r\n    <article class=\"mc-case reveal\" data-category=\"hospitality\">\r\n      <span class=\"mc-tag\">Hospitality \u00b7 Consumer Services<\/span>\r\n      <h3>Multi-Location Booking & Operations System<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>WordPress<\/span>\r\n        <span>Custom API<\/span>\r\n        <span>SMS Integration<\/span>\r\n        <span>Real-time Sync<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>\u221238%<\/strong><span>Manual Coordination<\/span><\/div>\r\n        <div><strong>4.2\u00d7<\/strong><span>Booking Throughput<\/span><\/div>\r\n        <div><strong>99.9%<\/strong><span>System Uptime<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:20%\">Discovery<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:35%\">Build<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:45%\">Scale<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">18 months deployment \u2192 36 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"growth\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Daily Transactions<\/span>\r\n          <span class=\"metric-value\">1,247 avg<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Staff Efficiency Gain<\/span>\r\n          <span class=\"metric-value\">+214%<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Customer Satisfaction<\/span>\r\n          <span class=\"metric-value\">4.8\/5.0<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Revenue Impact<\/span>\r\n          <span class=\"metric-value\">+$2.4M annually<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Centralized booking logic with role-based access control, automated SMS notifications, real-time inventory management, staff dashboards with predictive scheduling, and cross-location synchronization.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Eliminated double-bookings across 5 locations, reduced coordination overhead by 38%, increased booking capacity by 320%, and maintained 99.9% uptime across 36 consecutive months of operation.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"The system handles complexity we couldn't manage manually. Three years in, it still runs like day one.\"<\/p>\r\n        <cite>\u2014 Operations Director, Multi-site Hospitality Group<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 2 -->\r\n    <article class=\"mc-case reveal\" data-category=\"public\">\r\n      <span class=\"mc-tag\">Public Sector \u00b7 Institutions<\/span>\r\n      <h3>Governance-First Digital Platform<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>Enterprise WordPress<\/span>\r\n        <span>OAuth SSO<\/span>\r\n        <span>Audit Logging<\/span>\r\n        <span>Multi-tier Auth<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>12+<\/strong><span>Departments Unified<\/span><\/div>\r\n        <div><strong>18.4M<\/strong><span>Annual Transactions<\/span><\/div>\r\n        <div><strong>0<\/strong><span>Security Incidents<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:25%\">Planning<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:40%\">Migration<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:35%\">Optimization<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">24 months deployment \u2192 48 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"departments\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Active Users<\/span>\r\n          <span class=\"metric-value\">8,432<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Audit Compliance<\/span>\r\n          <span class=\"metric-value\">100%<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Response Time<\/span>\r\n          <span class=\"metric-value\">&lt;240ms<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Cost Reduction<\/span>\r\n          <span class=\"metric-value\">\u2212$840K\/yr<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Permission hierarchies with granular role controls, automated audit trail generation, secure document workflows, department-specific modules, multi-level approval chains, and regulatory compliance frameworks built into core operations.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Unified 12 separate departmental systems into one secure platform, processed 18.4M transactions without audit failures, maintained zero security incidents across 4 years, and reduced operational costs by $840K annually.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"First platform that satisfied both our IT security requirements and actual user needs. Zero compromises.\"<\/p>\r\n        <cite>\u2014 CTO, Government Agency<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 3 -->\r\n    <article class=\"mc-case reveal\" data-category=\"commerce\">\r\n      <span class=\"mc-tag\">Commerce \u00b7 Marketplaces<\/span>\r\n      <h3>Organic Growth & Visibility Infrastructure<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>WooCommerce<\/span>\r\n        <span>SEO Architecture<\/span>\r\n        <span>Content Systems<\/span>\r\n        <span>Analytics Suite<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>\u00d74.6<\/strong><span>Organic Growth<\/span><\/div>\r\n        <div><strong>14 mo<\/strong><span>Compounding Window<\/span><\/div>\r\n        <div><strong>0%<\/strong><span>Paid Dependency<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:15%\">Foundation<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:30%\">Content<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:55%\">Compound<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">12 months deployment \u2192 ongoing optimization<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"organic\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Monthly Organic Traffic<\/span>\r\n          <span class=\"metric-value\">127K visitors<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Keyword Rankings (Top 10)<\/span>\r\n          <span class=\"metric-value\">1,247<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Conversion Rate<\/span>\r\n          <span class=\"metric-value\">3.8%<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Customer Acquisition Cost<\/span>\r\n          <span class=\"metric-value\">$4.20<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Search-first technical foundation, programmatic content generation, automated internal linking, schema markup implementation, performance optimization pipeline, and continuous SEO monitoring with automatic adjustments.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Achieved 460% organic traffic growth over 14 months with zero paid advertising spend, reduced customer acquisition cost from $38 to $4.20, and established sustainable compound growth trajectory.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"We stopped spending on ads entirely. The organic system produces better leads at a fraction of the cost.\"<\/p>\r\n        <cite>\u2014 Founder, E-commerce Platform<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 4 -->\r\n    <article class=\"mc-case reveal\" data-category=\"services\">\r\n      <span class=\"mc-tag\">Professional Services<\/span>\r\n      <h3>Client Portal & Workflow Automation<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>Custom Portal<\/span>\r\n        <span>Document Automation<\/span>\r\n        <span>E-signature<\/span>\r\n        <span>CRM Integration<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>\u221247%<\/strong><span>Email Volume<\/span><\/div>\r\n        <div><strong>3.1\u00d7<\/strong><span>Request Resolution<\/span><\/div>\r\n        <div><strong>100%<\/strong><span>Audit Traceability<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:20%\">Design<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:35%\">Development<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:45%\">Refinement<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">16 months deployment \u2192 28 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"efficiency\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Active Clients<\/span>\r\n          <span class=\"metric-value\">342<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Documents Processed<\/span>\r\n          <span class=\"metric-value\">12,847\/yr<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Avg. Response Time<\/span>\r\n          <span class=\"metric-value\">4.2 hours<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Client Retention<\/span>\r\n          <span class=\"metric-value\">94%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Secure client portals with role-based access, automated request tracking and routing, document generation and e-signature workflows, notification systems, complete audit logging, and CRM synchronization.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Reduced email coordination by 47%, accelerated request resolution by 210%, processed 12,847 documents annually with full traceability, and improved client retention to 94%.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"Clients now expect this level of transparency. It's become our competitive advantage.\"<\/p>\r\n        <cite>\u2014 Managing Partner, Professional Services Firm<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 5 -->\r\n    <article class=\"mc-case reveal\" data-category=\"real-estate\">\r\n      <span class=\"mc-tag\">Real Estate \u00b7 Property Management<\/span>\r\n      <h3>Intelligent Property Operations Platform<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>Tenant Portal<\/span>\r\n        <span>Payment Processing<\/span>\r\n        <span>Maintenance Tracking<\/span>\r\n        <span>Analytics<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>240+<\/strong><span>Properties Managed<\/span><\/div>\r\n        <div><strong>\u221262%<\/strong><span>Admin Overhead<\/span><\/div>\r\n        <div><strong>98.2%<\/strong><span>Rent Collection Rate<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:18%\">Research<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:38%\">Build<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:44%\">Scale<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">14 months deployment \u2192 32 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"properties\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Monthly Transactions<\/span>\r\n          <span class=\"metric-value\">$1.8M<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Maintenance Requests\/mo<\/span>\r\n          <span class=\"metric-value\">287 avg<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Avg. Resolution Time<\/span>\r\n          <span class=\"metric-value\">2.1 days<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Tenant Satisfaction<\/span>\r\n          <span class=\"metric-value\">4.7\/5.0<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Tenant self-service portals, automated rent collection and late fee calculation, maintenance request routing and tracking, vendor management, document storage, financial reporting, and predictive maintenance scheduling.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Scaled from 40 to 240 properties without increasing admin staff, improved rent collection rate from 87% to 98.2%, reduced maintenance resolution time by 58%, and processed $1.8M monthly with full automation.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"We're managing 6x the properties with the same team size. The system handles what used to require constant oversight.\"<\/p>\r\n        <cite>\u2014 Property Management Director<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 6 -->\r\n    <article class=\"mc-case reveal\" data-category=\"automotive\">\r\n      <span class=\"mc-tag\">Automotive \u00b7 Service Centers<\/span>\r\n      <h3>Repair Tracking & Customer Experience System<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>Service Scheduling<\/span>\r\n        <span>Inventory Mgmt<\/span>\r\n        <span>SMS Updates<\/span>\r\n        <span>Payment Gateway<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>+180%<\/strong><span>Service Capacity<\/span><\/div>\r\n        <div><strong>4.9\/5<\/strong><span>Customer Rating<\/span><\/div>\r\n        <div><strong>72%<\/strong><span>Repeat Business<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:22%\">Analysis<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:33%\">Implementation<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:45%\">Optimization<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">10 months deployment \u2192 24 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"capacity\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Monthly Services<\/span>\r\n          <span class=\"metric-value\">847<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Parts Inventory Accuracy<\/span>\r\n          <span class=\"metric-value\">99.7%<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Avg. Service Time<\/span>\r\n          <span class=\"metric-value\">3.2 hours<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Revenue Growth<\/span>\r\n          <span class=\"metric-value\">+$420K\/yr<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Online booking with real-time bay availability, automated customer updates via SMS, parts inventory with auto-reorder, technician workflow management, digital inspection reports with photos, and integrated payment processing.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Increased service capacity by 180% without facility expansion, achieved 4.9\/5 customer satisfaction, grew repeat business to 72%, and added $420K in annual revenue through improved efficiency.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"Customers know exactly where their vehicle is at every step. The transparency changed everything.\"<\/p>\r\n        <cite>\u2014 Owner, Automotive Service Network<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 7 -->\r\n    <article class=\"mc-case reveal\" data-category=\"commerce\">\r\n      <span class=\"mc-tag\">Commerce \u00b7 Direct-to-Consumer<\/span>\r\n      <h3>Subscription & Retention Infrastructure<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>Subscription Engine<\/span>\r\n        <span>Email Automation<\/span>\r\n        <span>Analytics ML<\/span>\r\n        <span>Payment Vault<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>\u221231%<\/strong><span>Churn Rate<\/span><\/div>\r\n        <div><strong>2.8\u00d7<\/strong><span>Customer LTV<\/span><\/div>\r\n        <div><strong>$4.2M<\/strong><span>ARR Generated<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:15%\">Strategy<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:40%\">Build<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:45%\">Optimize<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">13 months deployment \u2192 22 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"subscription\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Active Subscribers<\/span>\r\n          <span class=\"metric-value\">3,247<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Monthly Churn<\/span>\r\n          <span class=\"metric-value\">2.1%<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Avg. Customer LTV<\/span>\r\n          <span class=\"metric-value\">$1,847<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Payment Success Rate<\/span>\r\n          <span class=\"metric-value\">98.6%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Flexible subscription management, automated retention workflows with predictive churn detection, personalized communication sequences, secure payment vaulting with retry logic, customer success dashboards, and cohort analysis tools.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Reduced monthly churn from 3.1% to 2.1%, increased customer lifetime value by 280%, generated $4.2M in annual recurring revenue, and achieved 98.6% payment success rate through intelligent retry systems.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"The churn prediction caught issues we didn't even know existed. Saved dozens of accounts in the first month.\"<\/p>\r\n        <cite>\u2014 VP Growth, DTC Brand<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CASE 8 -->\r\n    <article class=\"mc-case reveal\" data-category=\"services\">\r\n      <span class=\"mc-tag\">Professional Services \u00b7 Legal Practice<\/span>\r\n      <h3>Matter Management & Billing Automation<\/h3>\r\n      <div class=\"mc-tech-stack\">\r\n        <span>Case Management<\/span>\r\n        <span>Time Tracking<\/span>\r\n        <span>Auto Billing<\/span>\r\n        <span>Document Assembly<\/span>\r\n      <\/div>\r\n      <div class=\"mc-metrics\">\r\n        <div><strong>+92%<\/strong><span>Billable Hours Captured<\/span><\/div>\r\n        <div><strong>\u221268%<\/strong><span>Billing Errors<\/span><\/div>\r\n        <div><strong>18 days<\/strong><span>Faster Collections<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"mc-timeline\">\r\n        <div class=\"timeline-bar\">\r\n          <div class=\"timeline-phase\" style=\"width:25%\">Discovery<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:40%\">Development<\/div>\r\n          <div class=\"timeline-phase\" style=\"width:35%\">Training<\/div>\r\n        <\/div>\r\n        <span class=\"timeline-duration\">20 months deployment \u2192 30 months operational<\/span>\r\n      <\/div>\r\n      <canvas class=\"mc-chart\" data-type=\"billing\"><\/canvas>\r\n      <div class=\"mc-detailed-metrics\">\r\n        <div class=\"detail-row\">\r\n          <span>Active Matters<\/span>\r\n          <span class=\"metric-value\">428<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Captured Revenue Recovery<\/span>\r\n          <span class=\"metric-value\">$680K\/yr<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Invoice Generation Time<\/span>\r\n          <span class=\"metric-value\">\u221285%<\/span>\r\n        <\/div>\r\n        <div class=\"detail-row\">\r\n          <span>Client Trust Score<\/span>\r\n          <span class=\"metric-value\">9.2\/10<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p><strong>System Architecture:<\/strong> Centralized matter tracking with deadline management, integrated time and expense capture, automated invoice generation with detailed breakdowns, trust accounting compliance, conflict checking, and document generation from templates.<\/p>\r\n      <p class=\"mc-outcome\"><strong>Measured Outcome:<\/strong> Increased billable hour capture by 92%, recovered $680K annually in previously lost time, reduced billing errors by 68%, accelerated payment collections by 18 days, and improved client transparency scores to 9.2\/10.<\/p>\r\n      <div class=\"mc-quote\">\r\n        <p>\"We were leaving money on the table monthly. The system paid for itself in 4 months through captured billable time alone.\"<\/p>\r\n        <cite>\u2014 Senior Partner, Law Firm<\/cite>\r\n      <\/div>\r\n    <\/article>\r\n  <\/section>\r\n\r\n  <!-- ================= IMPACT SUMMARY ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <h2 class=\"mc-section-title\">Aggregate Impact Across Systems<\/h2>\r\n    <div class=\"mc-impact-grid\">\r\n      <div class=\"impact-card\">\r\n        <div class=\"impact-icon\">\u26a1<\/div>\r\n        <div class=\"impact-number\">42.7M<\/div>\r\n        <div class=\"impact-label\">Total Transactions Processed<\/div>\r\n      <\/div>\r\n      <div class=\"impact-card\">\r\n        <div class=\"impact-icon\">\u2197<\/div>\r\n        <div class=\"impact-number\">$18.2M<\/div>\r\n        <div class=\"impact-label\">Client Revenue Generated<\/div>\r\n      <\/div>\r\n      <div class=\"impact-card\">\r\n        <div class=\"impact-icon\">\u23f1<\/div>\r\n        <div class=\"impact-number\">99.91%<\/div>\r\n        <div class=\"impact-label\">Average System Uptime<\/div>\r\n      <\/div>\r\n      <div class=\"impact-card\">\r\n        <div class=\"impact-icon\">\ud83d\udcca<\/div>\r\n        <div class=\"impact-number\">324%<\/div>\r\n        <div class=\"impact-label\">Avg. Efficiency Improvement<\/div>\r\n      <\/div>\r\n      <div class=\"impact-card\">\r\n        <div class=\"impact-icon\">\ud83d\udd12<\/div>\r\n        <div class=\"impact-number\">0<\/div>\r\n        <div class=\"impact-label\">Critical Security Incidents<\/div>\r\n      <\/div>\r\n      <div class=\"impact-card\">\r\n        <div class=\"impact-icon\">\u2b50<\/div>\r\n        <div class=\"impact-number\">4.8\/5<\/div>\r\n        <div class=\"impact-label\">Client Satisfaction Score<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= PRINCIPLES ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <h2 class=\"mc-section-title\">Execution Principles<\/h2>\r\n    <div class=\"mc-principles-grid\">\r\n      <div class=\"principle-card\">\r\n        <div class=\"principle-number\">01<\/div>\r\n        <h4>Architecture Precedes Interface<\/h4>\r\n        <p>Systems are built from the data model up, ensuring structural integrity before visual design.<\/p>\r\n      <\/div>\r\n      <div class=\"principle-card\">\r\n        <div class=\"principle-number\">02<\/div>\r\n        <h4>Governance Embedded from Inception<\/h4>\r\n        <p>Permissions, audit trails, and compliance frameworks are core architecture, not afterthoughts.<\/p>\r\n      <\/div>\r\n      <div class=\"principle-card\">\r\n        <div class=\"principle-number\">03<\/div>\r\n        <h4>Systems Designed to Survive Growth<\/h4>\r\n        <p>Infrastructure anticipates scale from day one, preventing costly rebuilds as demand increases.<\/p>\r\n      <\/div>\r\n      <div class=\"principle-card\">\r\n        <div class=\"principle-number\">04<\/div>\r\n        <h4>Operational Clarity Over Feature Density<\/h4>\r\n        <p>Each capability serves a measurable operational purpose with clear success metrics.<\/p>\r\n      <\/div>\r\n      <div class=\"principle-card\">\r\n        <div class=\"principle-number\">05<\/div>\r\n        <h4>Long-term Ownership, Not Vendor Lock-in<\/h4>\r\n        <p>Systems are built for client ownership with full documentation and maintainability.<\/p>\r\n      <\/div>\r\n      <div class=\"principle-card\">\r\n        <div class=\"principle-number\">06<\/div>\r\n        <h4>Continuous Measurement & Optimization<\/h4>\r\n        <p>Every system includes analytics infrastructure for ongoing performance visibility.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= PROCESS ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <h2 class=\"mc-section-title\">Standard Engagement Process<\/h2>\r\n    <div class=\"mc-process\">\r\n      <div class=\"process-step\">\r\n        <div class=\"step-number\">1<\/div>\r\n        <div class=\"step-content\">\r\n          <h4>Discovery & Assessment<\/h4>\r\n          <p>Deep operational audit, stakeholder interviews, technical infrastructure review, and requirement validation. Duration: 2-4 weeks.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"process-connector\"><\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"step-number\">2<\/div>\r\n        <div class=\"step-content\">\r\n          <h4>Architecture & Planning<\/h4>\r\n          <p>System architecture design, data modeling, security framework, integration planning, and phased rollout strategy. Duration: 3-6 weeks.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"process-connector\"><\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"step-number\">3<\/div>\r\n        <div class=\"step-content\">\r\n          <h4>Development & Testing<\/h4>\r\n          <p>Iterative development with weekly checkpoints, comprehensive testing, security audits, and performance optimization. Duration: 8-20 weeks.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"process-connector\"><\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"step-number\">4<\/div>\r\n        <div class=\"step-content\">\r\n          <h4>Deployment & Training<\/h4>\r\n          <p>Staged rollout, staff training, documentation delivery, and go-live support with monitoring. Duration: 2-4 weeks.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"process-connector\"><\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"step-number\">5<\/div>\r\n        <div class=\"step-content\">\r\n          <h4>Optimization & Support<\/h4>\r\n          <p>Ongoing monitoring, performance tuning, feature refinement, and proactive maintenance. Duration: Continuous partnership.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= CTA ================= -->\r\n  <section class=\"mc-wrap reveal mc-cta\">\r\n    <div class=\"cta-content\">\r\n      <h2 class=\"mc-section-title\">Begin with a Structured Review<\/h2>\r\n      <p>\r\n        Engagements are selective, long-term, and systems-focused.\r\n        Access begins with a private technical and operational review to ensure alignment.\r\n      <\/p>\r\n      <p class=\"cta-detail\">\r\n        Our discovery process examines your current infrastructure, identifies systemic inefficiencies,\r\n        and projects measurable outcomes before any commitment. No generic proposals \u2014 only engineered solutions.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"mc-buttons\">\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    <div class=\"cta-trust\">\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-icon\">\u2713<\/span>\r\n        <span>Average 18-month engagement duration<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-icon\">\u2713<\/span>\r\n        <span>100% project completion rate<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\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  <\/section>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== BASE ===== *\/\r\n.mc-casework{background:#0b0d12;color:#e6e9f0;position:relative;overflow:hidden}\r\n#mc-canvas{position:absolute;inset:0;z-index:0;opacity:.55;pointer-events:none}\r\n.mc-wrap{max-width:1200px;margin:auto;padding:120px 28px;position:relative;z-index:2}\r\n.mc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:90px}\r\n\/* ===== HERO ===== *\/\r\n.mc-hero{height:100vh;position:relative}\r\n.mc-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\r\n.mc-hero-overlay{\r\n  position:absolute;inset:0;\r\n  background:radial-gradient(900px 500px at 20% 20%,rgba(255,255,255,.08),transparent 60%),\r\n             linear-gradient(180deg,rgba(11,13,18,.45),rgba(11,13,18,.96));\r\n}\r\n.mc-hero-content{\r\n  position:relative;z-index:2;\r\n  height:100%;display:flex;flex-direction:column;justify-content:center;\r\n  max-width:1200px;margin:auto;padding:0 28px\r\n}\r\n\/* ===== HERO STATS ===== *\/\r\n.mc-hero-stats{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));\r\n  gap:32px;\r\n  margin-top:60px;\r\n  padding-top:40px;\r\n  border-top:1px solid rgba(255,255,255,.15);\r\n}\r\n.stat-item{text-align:center}\r\n.stat-number{\r\n  font-size:2.8rem;\r\n  font-weight:700;\r\n  background:linear-gradient(135deg,#fff,#c7cad6);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  margin-bottom:8px;\r\n}\r\n.stat-label{\r\n  font-size:.7rem;\r\n  letter-spacing:1.8px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\/* ===== TYPOGRAPHY ===== *\/\r\n.mc-eyebrow{font-size:.7rem;letter-spacing:3px;color:#9aa0b2;text-transform:uppercase}\r\n.mc-title{\r\n  font-size:clamp(3rem,5vw,4.8rem);\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6,#8b90a3);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  margin:20px 0;\r\n}\r\n.mc-lead{max-width:760px;font-size:1.1rem;line-height:1.8;color:#cfd3dc}\r\n.mc-section-title{\r\n  font-size:clamp(2rem,4vw,2.8rem);\r\n  background:linear-gradient(135deg,#e8eaee,#c7cad6);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  margin-bottom:32px;\r\n}\r\n\/* ===== FILTERS ===== *\/\r\n.mc-filters{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-bottom:20px;\r\n}\r\n.filter-btn{\r\n  padding:10px 20px;\r\n  background:rgba(255,255,255,.05);\r\n  border:1px solid rgba(255,255,255,.15);\r\n  color:#cfd3dc;\r\n  border-radius:999px;\r\n  cursor:pointer;\r\n  transition:all .3s ease;\r\n  font-size:.8rem;\r\n  letter-spacing:1px;\r\n}\r\n.filter-btn:hover{\r\n  background:rgba(255,255,255,.1);\r\n  border-color:rgba(255,255,255,.3);\r\n}\r\n.filter-btn.active{\r\n  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.12));\r\n  border-color:rgba(255,255,255,.4);\r\n  color:#fff;\r\n}\r\n\/* ===== CASES ===== *\/\r\n.mc-tag{\r\n  font-size:.7rem;\r\n  letter-spacing:2px;\r\n  color:#9aa0b2;\r\n  text-transform:uppercase;\r\n  display:block;\r\n  margin-bottom:12px;\r\n}\r\n.mc-case{\r\n  transition:transform .35s ease,box-shadow .35s ease, opacity .5s ease;\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:8px;\r\n  opacity:1;\r\n}\r\n.mc-case:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 20px 60px rgba(0,0,0,.4);\r\n  border-color:rgba(255,255,255,.15);\r\n}\r\n.mc-case h3{\r\n  font-size:1.5rem;\r\n  color:#e8eaee;\r\n  margin-bottom:20px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n}\r\n.mc-case p{line-height:1.75;margin-bottom:14px;color:#d1d5de}\r\n.mc-outcome{\r\n  border-left:2px solid rgba(255,255,255,.25);\r\n  padding-left:16px;\r\n  margin-top:16px;\r\n  background:rgba(255,255,255,.02);\r\n  padding:16px;\r\n  border-radius:4px;\r\n}\r\n\/* ===== TECH STACK ===== *\/\r\n.mc-tech-stack{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin:16px 0;\r\n}\r\n.mc-tech-stack span{\r\n  font-size:.65rem;\r\n  padding:6px 12px;\r\n  background:rgba(255,255,255,.08);\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:4px;\r\n  color:#b8bcc8;\r\n  letter-spacing:.8px;\r\n}\r\n\/* ===== TIMELINE ===== *\/\r\n.mc-timeline{margin:24px 0}\r\n.timeline-bar{\r\n  display:flex;\r\n  height:32px;\r\n  background:rgba(255,255,255,.05);\r\n  border-radius:6px;\r\n  overflow:hidden;\r\n  margin-bottom:8px;\r\n}\r\n.timeline-phase{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:.7rem;\r\n  letter-spacing:1.2px;\r\n  text-transform:uppercase;\r\n  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.08));\r\n  border-right:1px solid rgba(0,0,0,.2);\r\n  color:#e0e3ea;\r\n}\r\n.timeline-duration{\r\n  font-size:.68rem;\r\n  color:#9aa0b2;\r\n  letter-spacing:.8px;\r\n}\r\n\/* ===== METRICS ===== *\/\r\n.mc-metrics{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:16px;\r\n  margin:22px 0;\r\n}\r\n.mc-metrics div{\r\n  border-top:1px solid rgba(255,255,255,.18);\r\n  padding-top:10px;\r\n}\r\n.mc-metrics strong{\r\n  font-size:1.3rem;\r\n  color:#fff;\r\n  display:block;\r\n  margin-bottom:4px;\r\n}\r\n.mc-metrics span{\r\n  display:block;\r\n  font-size:.68rem;\r\n  letter-spacing:1.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\/* ===== DETAILED METRICS ===== *\/\r\n.mc-detailed-metrics{\r\n  background:rgba(255,255,255,.03);\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:6px;\r\n  padding:20px;\r\n  margin:20px 0;\r\n}\r\n.detail-row{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  padding:10px 0;\r\n  border-bottom:1px solid rgba(255,255,255,.06);\r\n}\r\n.detail-row:last-child{border-bottom:none}\r\n.detail-row span:first-child{color:#b8bcc8;font-size:.85rem}\r\n.metric-value{\r\n  color:#fff;\r\n  font-weight:600;\r\n  font-size:.9rem;\r\n}\r\n\/* ===== CHARTS ===== *\/\r\n.mc-chart{width:100%;height:80px;margin:20px 0}\r\n\/* ===== QUOTES ===== *\/\r\n.mc-quote{\r\n  margin-top:24px;\r\n  padding:20px;\r\n  background:rgba(255,255,255,.04);\r\n  border-left:3px solid rgba(255,255,255,.3);\r\n  border-radius:4px;\r\n}\r\n.mc-quote p{\r\n  font-style:italic;\r\n  color:#e0e3ea;\r\n  margin-bottom:12px;\r\n  font-size:.95rem;\r\n}\r\n.mc-quote cite{\r\n  font-size:.78rem;\r\n  color:#9aa0b2;\r\n  font-style:normal;\r\n  letter-spacing:.8px;\r\n}\r\n\/* ===== IMPACT GRID ===== *\/\r\n.mc-impact-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\r\n  gap:24px;\r\n  margin-top:40px;\r\n}\r\n.impact-card{\r\n  text-align:center;\r\n  padding:32px 20px;\r\n  background:rgba(255,255,255,.03);\r\n  border:1px solid rgba(255,255,255,.1);\r\n  border-radius:8px;\r\n  transition:all .3s ease;\r\n}\r\n.impact-card:hover{\r\n  transform:translateY(-4px);\r\n  border-color:rgba(255,255,255,.2);\r\n  background:rgba(255,255,255,.05);\r\n}\r\n.impact-icon{\r\n  font-size:2rem;\r\n  margin-bottom:16px;\r\n  opacity:.8;\r\n}\r\n.impact-number{\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;-webkit-text-fill-color:transparent;\r\n  margin-bottom:8px;\r\n}\r\n.impact-label{\r\n  font-size:.75rem;\r\n  letter-spacing:1.2px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\/* ===== PRINCIPLES GRID ===== *\/\r\n.mc-principles-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n  gap:32px;\r\n  margin-top:40px;\r\n}\r\n.principle-card{\r\n  padding:28px;\r\n  background:rgba(255,255,255,.02);\r\n  border:1px solid rgba(255,255,255,.1);\r\n  border-radius:8px;\r\n  transition:all .3s ease;\r\n}\r\n.principle-card:hover{\r\n  background:rgba(255,255,255,.04);\r\n  border-color:rgba(255,255,255,.18);\r\n  transform:translateY(-4px);\r\n}\r\n.principle-number{\r\n  font-size:2.5rem;\r\n  font-weight:700;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  margin-bottom:12px;\r\n}\r\n.principle-card h4{\r\n  font-size:1.1rem;\r\n  color:#e8eaee;\r\n  margin-bottom:12px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n}\r\n.principle-card p{\r\n  font-size:.88rem;\r\n  line-height:1.6;\r\n  color:#b8bcc8;\r\n}\r\n\/* ===== PROCESS ===== *\/\r\n.mc-process{\r\n  margin-top:50px;\r\n  position:relative;\r\n}\r\n.process-step{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:24px;\r\n  margin-bottom:16px;\r\n  padding: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.process-step:hover{\r\n  background:rgba(255,255,255,.04);\r\n  border-color:rgba(255,255,255,.15);\r\n}\r\n.step-number{\r\n  width:48px;\r\n  height:48px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:1.4rem;\r\n  font-weight:700;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));\r\n  border:1px solid rgba(255,255,255,.2);\r\n  border-radius:50%;\r\n  flex-shrink:0;\r\n  color:#fff;\r\n}\r\n.step-content h4{\r\n  font-size:1.15rem;\r\n  color:#e8eaee;\r\n  margin-bottom:8px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n}\r\n.step-content p{\r\n  font-size:.88rem;\r\n  line-height:1.6;\r\n  color:#b8bcc8;\r\n}\r\n.process-connector{\r\n  width:2px;\r\n  height:20px;\r\n  background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));\r\n  margin:0 0 0 47px;\r\n}\r\n\/* ===== CTA ===== *\/\r\n.mc-cta{text-align:center}\r\n.cta-content{max-width:720px;margin:0 auto 40px}\r\n.cta-detail{\r\n  font-size:.95rem;\r\n  color:#b8bcc8;\r\n  margin-top:20px;\r\n  line-height:1.7;\r\n}\r\n.mc-buttons{\r\n  display:flex;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  margin-bottom:40px;\r\n}\r\n.mc-buttons a{\r\n  padding:18px 42px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  color:#fff;\r\n  text-decoration:none;\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.mc-buttons a:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 30px rgba(0,0,0,.3);\r\n}\r\n.mc-buttons 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.cta-trust{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:40px;\r\n  flex-wrap:wrap;\r\n  margin-top:50px;\r\n  padding-top:40px;\r\n  border-top:1px solid rgba(255,255,255,.1);\r\n}\r\n.trust-item{\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\/* ===== REVEAL ANIMATION ===== *\/\r\n.reveal{opacity:0;transform:translateY(26px);transition:1s cubic-bezier(.22,.61,.36,1)}\r\n.reveal.visible{opacity:1;transform:none}\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:768px){\r\n  .mc-wrap{padding:80px 20px}\r\n  .mc-grid{grid-template-columns:1fr;gap:60px}\r\n  .mc-metrics{grid-template-columns:1fr}\r\n  .mc-hero-stats{grid-template-columns:repeat(2,1fr)}\r\n  .mc-impact-grid{grid-template-columns:repeat(2,1fr)}\r\n  .mc-principles-grid{grid-template-columns:1fr}\r\n  .mc-buttons{flex-direction:column;align-items:stretch}\r\n  .cta-trust{flex-direction:column;gap:20px;align-items:center}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ===== BACKGROUND MOTION ===== *\/\r\n(function(){\r\n  const c=document.getElementById('mc-canvas'),ctx=c.getContext('2d');\r\n  function resize(){c.width=innerWidth;c.height=document.body.scrollHeight}\r\n  resize();addEventListener('resize',resize);\r\n  const pts=[...Array(72)].map(()=>({\r\n    x:Math.random()*c.width,y:Math.random()*c.height,\r\n    vx:(Math.random()-.5)*.4,vy:(Math.random()-.5)*.4\r\n  }));\r\n  function draw(){\r\n    ctx.clearRect(0,0,c.width,c.height);\r\n    pts.forEach((a,i)=>{\r\n      pts.slice(i+1).forEach(b=>{\r\n        const d=Math.hypot(a.x-b.x,a.y-b.y);\r\n        if(d<240){\r\n          ctx.strokeStyle=`rgba(255,255,255,${.16*(1-d\/240)})`;\r\n          ctx.lineWidth=1.2;\r\n          ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.stroke();\r\n        }\r\n      });\r\n      a.x+=a.vx;a.y+=a.vy;\r\n      if(a.x<0||a.x>c.width)a.vx*=-1;\r\n      if(a.y<0||a.y>c.height)a.vy*=-1;\r\n      ctx.fillStyle=\"rgba(255,255,255,.4)\";\r\n      ctx.beginPath();ctx.arc(a.x,a.y,1.8,0,Math.PI*2);ctx.fill();\r\n    });\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n\r\n\/* ===== FIXED ANIMATED COUNTERS ===== *\/\r\nfunction animateCounter(el) {\r\n  if (el.dataset.animated === 'true') return;\r\n  el.dataset.animated = 'true';\r\n\r\n  const target = parseFloat(el.dataset.target);\r\n  const duration = 2200;\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\/* ===== ADVANCED CHARTS ===== *\/\r\nfunction drawCharts() {\r\n  document.querySelectorAll('.mc-chart').forEach(c => {\r\n    const ctx = c.getContext('2d');\r\n    c.width = c.offsetWidth * 2;\r\n    c.height = 160;\r\n    const w = c.width;\r\n    const h = c.height;\r\n    const type = c.dataset.type;\r\n    ctx.lineWidth = 3;\r\n\r\n    if(type==='growth'){\r\n      const data=[8,15,24,38,56,78,92];\r\n      ctx.strokeStyle=\"rgba(74,222,128,.9)\";\r\n      ctx.fillStyle=\"rgba(74,222,128,.15)\";\r\n      ctx.beginPath();\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/(data.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n      ctx.lineTo(w,h);ctx.lineTo(0,h);ctx.closePath();ctx.fill();\r\n    }\r\n    else if(type==='departments'){\r\n      const data=[2,4,7,9,12];\r\n      const barWidth=w\/(data.length*2);\r\n      ctx.fillStyle=\"rgba(96,165,250,.8)\";\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/data.length)+barWidth\/2;\r\n        const barHeight=(v\/12)*h;\r\n        ctx.fillRect(x,h-barHeight,barWidth,barHeight);\r\n      });\r\n    }\r\n    else if(type==='organic'){\r\n      const data=[5,8,14,28,52,87];\r\n      ctx.strokeStyle=\"rgba(168,85,247,.9)\";\r\n      ctx.fillStyle=\"rgba(168,85,247,.12)\";\r\n      ctx.beginPath();\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/(data.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n      ctx.lineTo(w,h);ctx.lineTo(0,h);ctx.closePath();ctx.fill();\r\n    }\r\n    else if(type==='efficiency'){\r\n      const before=[60,58,62,59,61,60];\r\n      const after=[82,86,88,90,92,94];\r\n      ctx.strokeStyle=\"rgba(248,113,113,.7)\";\r\n      ctx.lineWidth=2;\r\n      ctx.beginPath();\r\n      before.forEach((v,i)=>{\r\n        const x=i*(w\/(before.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n      ctx.strokeStyle=\"rgba(74,222,128,.9)\";\r\n      ctx.lineWidth=3;\r\n      ctx.beginPath();\r\n      after.forEach((v,i)=>{\r\n        const x=i*(w\/(after.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n    }\r\n    else if(type==='properties'){\r\n      const data=[40,65,95,145,190,240];\r\n      ctx.strokeStyle=\"rgba(250,204,21,.9)\";\r\n      ctx.lineWidth=3;\r\n      ctx.beginPath();\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/(data.length-1));\r\n        const y=h-((v\/240)*h*.85);\r\n        if(i===0){\r\n          ctx.moveTo(x,y);\r\n        }else{\r\n          const prevX=(i-1)*(w\/(data.length-1));\r\n          ctx.lineTo(prevX,y);\r\n          ctx.lineTo(x,y);\r\n        }\r\n      });\r\n      ctx.stroke();\r\n    }\r\n    else if(type==='capacity'){\r\n      const data=[30,42,58,72,84,95];\r\n      ctx.strokeStyle=\"rgba(34,211,238,.9)\";\r\n      ctx.fillStyle=\"rgba(34,211,238,.18)\";\r\n      ctx.lineWidth=3;\r\n      ctx.beginPath();\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/(data.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n      ctx.lineTo(w,h);ctx.lineTo(0,h);ctx.closePath();ctx.fill();\r\n    }\r\n    else if(type==='subscription'){\r\n      const data=[100,94,89,86,84,83];\r\n      ctx.strokeStyle=\"rgba(167,139,250,.9)\";\r\n      ctx.fillStyle=\"rgba(167,139,250,.12)\";\r\n      ctx.lineWidth=3;\r\n      ctx.beginPath();\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/(data.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n      ctx.lineTo(w,h);ctx.lineTo(0,h);ctx.closePath();ctx.fill();\r\n    }\r\n    else if(type==='billing'){\r\n      const data=[45,58,68,76,84,92];\r\n      ctx.strokeStyle=\"rgba(52,211,153,.9)\";\r\n      ctx.fillStyle=\"rgba(52,211,153,.15)\";\r\n      ctx.lineWidth=3;\r\n      ctx.beginPath();\r\n      data.forEach((v,i)=>{\r\n        const x=i*(w\/(data.length-1));\r\n        const y=h-(v\/100)*h;\r\n        i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n      });\r\n      ctx.stroke();\r\n      ctx.lineTo(w,h);ctx.lineTo(0,h);ctx.closePath();ctx.fill();\r\n    }\r\n  });\r\n}\r\ndrawCharts();\r\nwindow.addEventListener('resize', drawCharts);\r\n\r\n\/* ===== FILTERING ===== *\/\r\ndocument.querySelectorAll('.filter-btn').forEach(btn=>{\r\n  btn.addEventListener('click',()=>{\r\n    document.querySelectorAll('.filter-btn').forEach(b=>b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n    const filter=btn.dataset.filter;\r\n    document.querySelectorAll('.mc-case').forEach(c=>{\r\n      if(filter==='all'||c.dataset.category===filter){\r\n        c.style.display='block';\r\n        setTimeout(()=>{\r\n          c.style.opacity='1';\r\n          c.style.transform='translateY(0)';\r\n        },50);\r\n      }else{\r\n        c.style.opacity='0';\r\n        c.style.transform='translateY(20px)';\r\n        setTimeout(()=>c.style.display='none',500);\r\n      }\r\n    });\r\n  });\r\n});\r\n\r\n\/* ===== REVEAL ANIMATION + COUNTERS ===== *\/\r\nconst io = new IntersectionObserver(entries => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n      entry.target.querySelectorAll('.stat-number').forEach(animateCounter);\r\n    }\r\n  });\r\n}, { threshold: 0.18 });\r\n\r\ndocument.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n\r\n\/\/ Trigger hero counters if already visible\r\nsetTimeout(() => {\r\n  document.querySelectorAll('.mc-hero .stat-number').forEach(animateCounter);\r\n}, 300);\r\n\r\n\/* ===== SMOOTH SCROLL ===== *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n  a.addEventListener('click',e=>{\r\n    e.preventDefault();\r\n    const target=document.querySelector(a.getAttribute('href'));\r\n    if(target)target.scrollIntoView({behavior:'smooth'});\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>Representative Case Work Systems Built Quietly. Results Sustained at Scale. We design and operate digital infrastructure that governs execution, enforces [&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-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/73","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=73"}],"version-history":[{"count":22,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/354"}],"wp:attachment":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}