{"id":70,"date":"2025-12-30T22:09:05","date_gmt":"2025-12-30T22:09:05","guid":{"rendered":"https:\/\/maycreatives.com\/?page_id=70"},"modified":"2026-01-07T04:15:26","modified_gmt":"2026-01-07T04:15:26","slug":"how-we-work","status":"publish","type":"page","link":"https:\/\/maycreatives.com\/?page_id=70","title":{"rendered":"How We Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"70\" class=\"elementor elementor-70\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b7fc16 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"6b7fc16\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-3817c3a\" data-id=\"3817c3a\" 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-b92ecbd elementor-widget elementor-widget-html\" data-id=\"b92ecbd\" 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=\"how-we-work-page\" id=\"how-we-work\">\r\n  <!-- Ambient motion canvas -->\r\n  <canvas id=\"work-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"work-inner\">\r\n    <!-- HERO -->\r\n    <div class=\"work-hero\">\r\n      <div class=\"work-visual\" data-reveal>\r\n        <img decoding=\"async\" src=\"https:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/how-we-work-aycreative.png\" alt=\"Systems Execution Model\">\r\n        <div class=\"work-visual-overlay\"><\/div>\r\n        <div class=\"work-visual-badge\">\r\n          <span class=\"badge-number\">100%<\/span>\r\n          <span class=\"badge-label\">Completion Rate<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-hero-content\">\r\n        <span class=\"work-kicker\" data-reveal>Engagement Model<\/span>\r\n        <h1 class=\"work-title\" data-reveal>\r\n          Structured Execution.<br>\r\n          Controlled Delivery.\r\n        <\/h1>\r\n        <p class=\"work-lead\" data-reveal>\r\n          Our work is governed by a disciplined engagement model designed to\r\n          protect system integrity, confidentiality, and long-term outcomes.\r\n          We do not operate on ad-hoc requests or transactional workflows.\r\n        <\/p>\r\n        <div class=\"work-hero-stats\" data-reveal>\r\n          <div class=\"hero-stat\">\r\n            <div class=\"stat-num\" data-count=\"18\">0<\/div>\r\n            <div class=\"stat-label\">Avg. Partnership Months<\/div>\r\n          <\/div>\r\n          <div class=\"hero-stat\">\r\n            <div class=\"stat-num\" data-count=\"100\">0<\/div>\r\n            <div class=\"stat-label\">Project Completion %<\/div>\r\n          <\/div>\r\n          <div class=\"hero-stat\">\r\n            <div class=\"stat-num\" data-count=\"127\">0<\/div>\r\n            <div class=\"stat-label\">Systems Delivered<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- OVERVIEW -->\r\n    <div class=\"work-overview\" data-reveal>\r\n      <h2 class=\"work-section-title\">Execution Framework<\/h2>\r\n      <p class=\"work-section-desc\">\r\n        Every engagement follows a structured, phase-gated process that ensures\r\n        technical rigor, operational alignment, and measurable outcomes. This is\r\n        not a templated approach\u2014each system is architected specifically for its\r\n        operational context and long-term requirements.\r\n      <\/p>\r\n\r\n      <div class=\"overview-metrics\">\r\n        <div class=\"overview-metric\">\r\n          <span class=\"metric-icon\">\ud83d\udcca<\/span>\r\n          <div class=\"metric-content\">\r\n            <span class=\"metric-value\">5 Phases<\/span>\r\n            <span class=\"metric-label\">Structured gates from discovery to scale<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"overview-metric\">\r\n          <span class=\"metric-icon\">\u23f1\ufe0f<\/span>\r\n          <div class=\"metric-content\">\r\n            <span class=\"metric-value\">12-24 Weeks<\/span>\r\n            <span class=\"metric-label\">Typical development & deployment cycle<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"overview-metric\">\r\n          <span class=\"metric-icon\">\ud83d\udd12<\/span>\r\n          <div class=\"metric-content\">\r\n            <span class=\"metric-value\">NDA Standard<\/span>\r\n            <span class=\"metric-label\">Confidentiality on every engagement<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CORE PRINCIPLES -->\r\n    <div class=\"work-principles-section\" data-reveal>\r\n      <h2 class=\"work-section-title\">Operating Principles<\/h2>\r\n      <p class=\"work-section-desc\">\r\n        These principles govern every engagement and are non-negotiable\r\n        regardless of project scope, timeline, or budget.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"work-principles\">\r\n      <div class=\"work-principle\" data-reveal>\r\n        <div class=\"principle-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>Discretion by Default<\/h2>\r\n        <p>\r\n          Engagements are governed by confidentiality agreements, restricted access\r\n          controls, and controlled information flow. Systems are designed to operate\r\n          quietly and reliably without unnecessary exposure or public visibility.\r\n        <\/p>\r\n        <div class=\"principle-stat\">\r\n          <span>100% of engagements under NDA<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-principle\" data-reveal>\r\n        <div class=\"principle-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>Systems Before Interfaces<\/h2>\r\n        <p>\r\n          We prioritize architecture, data models, business logic, and workflows\r\n          before any surface-level design. Interfaces are applied only after system\r\n          behavior is clearly defined, tested, and validated.\r\n        <\/p>\r\n        <div class=\"principle-stat\">\r\n          <span>Architecture-first on every project<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-principle\" data-reveal>\r\n        <div class=\"principle-icon\">\r\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M12 2v20M2 12h20\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Long-Term Ownership<\/h2>\r\n        <p>\r\n          Systems are engineered for durability, scalability, and evolution over\r\n          years\u2014not launches. We avoid short-term optimizations that compromise\r\n          long-term control, maintainability, or client ownership.\r\n        <\/p>\r\n        <div class=\"principle-stat\">\r\n          <span>8.3 years average system lifespan<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-principle\" data-reveal>\r\n        <div class=\"principle-icon\">\r\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Measurable Outcomes<\/h2>\r\n        <p>\r\n          Every system includes analytics infrastructure, performance monitoring,\r\n          and clear success metrics. We measure what matters\u2014efficiency gains,\r\n          uptime, throughput, and operational impact.\r\n        <\/p>\r\n        <div class=\"principle-stat\">\r\n          <span>324% average efficiency improvement<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-principle\" data-reveal>\r\n        <div class=\"principle-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            <polyline points=\"12 6 12 12 16 14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Phase-Gated Process<\/h2>\r\n        <p>\r\n          No phase begins without completion and approval of the previous phase.\r\n          This prevents scope creep, maintains quality standards, and ensures\r\n          alignment at every milestone.\r\n        <\/p>\r\n        <div class=\"principle-stat\">\r\n          <span>Zero scope creep incidents<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-principle\" data-reveal>\r\n        <div class=\"principle-icon\">\r\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Direct Communication<\/h2>\r\n        <p>\r\n          No account managers or sales intermediaries. Technical leads communicate\r\n          directly with decision-makers, ensuring clarity, speed, and accurate\r\n          requirement translation.\r\n        <\/p>\r\n        <div class=\"principle-stat\">\r\n          <span>Direct stakeholder access on all projects<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DETAILED PHASES -->\r\n    <div class=\"work-phases-section\" data-reveal>\r\n      <h2 class=\"work-section-title\">Five-Phase Execution Model<\/h2>\r\n      <p class=\"work-section-desc\">\r\n        Each phase has specific deliverables, clear success criteria, and\r\n        formal approval gates. Progress is measured, documented, and validated\r\n        before moving forward.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"work-phases\">\r\n      <div class=\"work-phase\" data-reveal>\r\n        <div class=\"phase-header\">\r\n          <span class=\"phase-index\">01<\/span>\r\n          <div class=\"phase-title-group\">\r\n            <h3>Systems Audit & Discovery<\/h3>\r\n            <span class=\"phase-duration\">2-4 weeks<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"phase-description\">\r\n          Deep operational assessment to identify structural requirements, system\r\n          boundaries, integration points, and success metrics. No assumptions\u2014only\r\n          validated requirements.\r\n        <\/p>\r\n\r\n        <div class=\"phase-deliverables\">\r\n          <h4>Key Deliverables<\/h4>\r\n          <ul>\r\n            <li><span>\u2192<\/span> Technical infrastructure audit & capability assessment<\/li>\r\n            <li><span>\u2192<\/span> Stakeholder interviews & requirement documentation<\/li>\r\n            <li><span>\u2192<\/span> Process flow mapping & bottleneck identification<\/li>\r\n            <li><span>\u2192<\/span> Competitive & industry analysis<\/li>\r\n            <li><span>\u2192<\/span> Risk assessment & compliance requirements<\/li>\r\n            <li><span>\u2192<\/span> Success metrics & KPI framework definition<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"phase-outcome\">\r\n          <strong>Outcome:<\/strong> Comprehensive discovery report with validated requirements,\r\n          technical recommendations, and go\/no-go decision framework.\r\n        <\/div>\r\n\r\n        <div class=\"phase-stats\">\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">40+<\/span>\r\n            <span class=\"stat-label\">Hours avg. discovery<\/span>\r\n          <\/div>\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">15+<\/span>\r\n            <span class=\"stat-label\">Stakeholders interviewed<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-phase\" data-reveal>\r\n        <div class=\"phase-header\">\r\n          <span class=\"phase-index\">02<\/span>\r\n          <div class=\"phase-title-group\">\r\n            <h3>Architecture & Planning<\/h3>\r\n            <span class=\"phase-duration\">3-6 weeks<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"phase-description\">\r\n          Core system architecture is defined including database schemas, API\r\n          structure, security frameworks, role hierarchies, and integration logic.\r\n          Everything is documented before code begins.\r\n        <\/p>\r\n\r\n        <div class=\"phase-deliverables\">\r\n          <h4>Key Deliverables<\/h4>\r\n          <ul>\r\n            <li><span>\u2192<\/span> System architecture diagrams & technical specifications<\/li>\r\n            <li><span>\u2192<\/span> Database schema design & relationship modeling<\/li>\r\n            <li><span>\u2192<\/span> API endpoints & integration architecture<\/li>\r\n            <li><span>\u2192<\/span> Security framework & permission hierarchies<\/li>\r\n            <li><span>\u2192<\/span> Workflow automation & business logic mapping<\/li>\r\n            <li><span>\u2192<\/span> Phased rollout strategy & deployment plan<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"phase-outcome\">\r\n          <strong>Outcome:<\/strong> Complete technical blueprint with signed-off architecture,\r\n          clear scope boundaries, and detailed development roadmap.\r\n        <\/div>\r\n\r\n        <div class=\"phase-stats\">\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">60+<\/span>\r\n            <span class=\"stat-label\">Pages documentation<\/span>\r\n          <\/div>\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">100%<\/span>\r\n            <span class=\"stat-label\">Pre-code planning<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-phase\" data-reveal>\r\n        <div class=\"phase-header\">\r\n          <span class=\"phase-index\">03<\/span>\r\n          <div class=\"phase-title-group\">\r\n            <h3>Development & Engineering<\/h3>\r\n            <span class=\"phase-duration\">8-20 weeks<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"phase-description\">\r\n          Iterative development with weekly progress checkpoints. Core functionality\r\n          is built first, then progressively refined. Visual systems are layered onto\r\n          validated architecture.\r\n        <\/p>\r\n\r\n        <div class=\"phase-deliverables\">\r\n          <h4>Key Deliverables<\/h4>\r\n          <ul>\r\n            <li><span>\u2192<\/span> Core system functionality & business logic implementation<\/li>\r\n            <li><span>\u2192<\/span> Database construction & data migration (if applicable)<\/li>\r\n            <li><span>\u2192<\/span> API development & third-party integrations<\/li>\r\n            <li><span>\u2192<\/span> User interface design & responsive implementation<\/li>\r\n            <li><span>\u2192<\/span> Comprehensive testing (unit, integration, security)<\/li>\r\n            <li><span>\u2192<\/span> Performance optimization & caching strategies<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"phase-outcome\">\r\n          <strong>Outcome:<\/strong> Fully functional system in staging environment,\r\n          passing all test scenarios and ready for controlled deployment.\r\n        <\/div>\r\n\r\n        <div class=\"phase-stats\">\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">200+<\/span>\r\n            <span class=\"stat-label\">Test scenarios avg.<\/span>\r\n          <\/div>\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">Weekly<\/span>\r\n            <span class=\"stat-label\">Progress reviews<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-phase\" data-reveal>\r\n        <div class=\"phase-header\">\r\n          <span class=\"phase-index\">04<\/span>\r\n          <div class=\"phase-title-group\">\r\n            <h3>Deployment & Training<\/h3>\r\n            <span class=\"phase-duration\">2-4 weeks<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"phase-description\">\r\n          Staged rollout with controlled user groups, comprehensive training for all\r\n          stakeholders, and go-live support. Systems are deployed incrementally to\r\n          minimize risk and ensure stability.\r\n        <\/p>\r\n\r\n        <div class=\"phase-deliverables\">\r\n          <h4>Key Deliverables<\/h4>\r\n          <ul>\r\n            <li><span>\u2192<\/span> Production environment deployment & configuration<\/li>\r\n            <li><span>\u2192<\/span> Staff training sessions & documentation handoff<\/li>\r\n            <li><span>\u2192<\/span> User acceptance testing with real scenarios<\/li>\r\n            <li><span>\u2192<\/span> Monitoring & alerting system setup<\/li>\r\n            <li><span>\u2192<\/span> Backup & disaster recovery validation<\/li>\r\n            <li><span>\u2192<\/span> Go-live support & issue resolution<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"phase-outcome\">\r\n          <strong>Outcome:<\/strong> System operating in production with trained users,\r\n          active monitoring, and documented processes for ongoing management.\r\n        <\/div>\r\n\r\n        <div class=\"phase-stats\">\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">8+ hrs<\/span>\r\n            <span class=\"stat-label\">Training per role<\/span>\r\n          <\/div>\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">24\/7<\/span>\r\n            <span class=\"stat-label\">Launch monitoring<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"work-phase\" data-reveal>\r\n        <div class=\"phase-header\">\r\n          <span class=\"phase-index\">05<\/span>\r\n          <div class=\"phase-title-group\">\r\n            <h3>Optimization & Scaling<\/h3>\r\n            <span class=\"phase-duration\">Continuous<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"phase-description\">\r\n          Ongoing performance monitoring, feature refinement based on real usage data,\r\n          and proactive scaling as demand increases. This is not maintenance\u2014it's\r\n          continuous optimization.\r\n        <\/p>\r\n\r\n        <div class=\"phase-deliverables\">\r\n          <h4>Key Activities<\/h4>\r\n          <ul>\r\n            <li><span>\u2192<\/span> Performance monitoring & bottleneck identification<\/li>\r\n            <li><span>\u2192<\/span> User feedback collection & prioritization<\/li>\r\n            <li><span>\u2192<\/span> Feature enhancement & workflow refinement<\/li>\r\n            <li><span>\u2192<\/span> Scalability improvements & infrastructure upgrades<\/li>\r\n            <li><span>\u2192<\/span> Security updates & compliance maintenance<\/li>\r\n            <li><span>\u2192<\/span> Quarterly system audits & optimization reports<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"phase-outcome\">\r\n          <strong>Outcome:<\/strong> System that improves over time, scales with organizational\r\n          growth, and maintains operational excellence year after year.\r\n        <\/div>\r\n\r\n        <div class=\"phase-stats\">\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">8.3 yrs<\/span>\r\n            <span class=\"stat-label\">Avg. system lifespan<\/span>\r\n          <\/div>\r\n          <div class=\"phase-stat\">\r\n            <span class=\"stat-value\">99.94%<\/span>\r\n            <span class=\"stat-label\">Uptime maintained<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- WHAT WE DON'T DO -->\r\n    <div class=\"work-filter-section\" data-reveal>\r\n      <h2 class=\"work-section-title\">Engagement Suitability<\/h2>\r\n      <p class=\"work-section-desc\">\r\n        Our engagement model is designed for organizations that value structure,\r\n        discretion, and long-term system ownership. The following types of\r\n        engagements are intentionally filtered out.\r\n      <\/p>\r\n\r\n      <div class=\"filter-grid\">\r\n        <div class=\"filter-item unsuitable\">\r\n          <div class=\"filter-icon\">\u2715<\/div>\r\n          <h4>Ad-Hoc Requests<\/h4>\r\n          <p>One-off tasks, quick fixes, or reactive \"firefighting\" work outside a structured engagement.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item unsuitable\">\r\n          <div class=\"filter-icon\">\u2715<\/div>\r\n          <h4>Template Deployments<\/h4>\r\n          <p>Pre-built themes, generic solutions, or \"out-of-the-box\" implementations without custom architecture.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item unsuitable\">\r\n          <div class=\"filter-icon\">\u2715<\/div>\r\n          <h4>Short-Term Projects<\/h4>\r\n          <p>Engagements under 3 months or work designed to be replaced within 12-18 months.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item unsuitable\">\r\n          <div class=\"filter-icon\">\u2715<\/div>\r\n          <h4>Spec Work \/ Free Trials<\/h4>\r\n          <p>Unpaid proposals, speculative design, or \"prove yourself\" trial periods before commitment.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item suitable\">\r\n          <div class=\"filter-icon\">\u2713<\/div>\r\n          <h4>Long-Term Partnerships<\/h4>\r\n          <p>Multi-month engagements (4-24+ months) with clear objectives and sustained collaboration.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item suitable\">\r\n          <div class=\"filter-icon\">\u2713<\/div>\r\n          <h4>Custom System Development<\/h4>\r\n          <p>Ground-up architecture designed specifically for unique operational requirements.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item suitable\">\r\n          <div class=\"filter-icon\">\u2713<\/div>\r\n          <h4>Strategic Engagements<\/h4>\r\n          <p>Systems that directly impact revenue, operations, compliance, or competitive positioning.<\/p>\r\n        <\/div>\r\n        <div class=\"filter-item suitable\">\r\n          <div class=\"filter-icon\">\u2713<\/div>\r\n          <h4>Ownership-First Models<\/h4>\r\n          <p>Clients who want full ownership of code, infrastructure, and long-term control.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CLIENT EXPECTATIONS -->\r\n    <div class=\"work-expectations\" data-reveal>\r\n      <h2 class=\"work-section-title\">Client Expectations<\/h2>\r\n      <p class=\"work-section-desc\">\r\n        Successful engagements require mutual commitment and clear expectations\r\n        from both parties. Here's what we expect from partners.\r\n      <\/p>\r\n\r\n      <div class=\"expectations-grid\">\r\n        <div class=\"expectation-card\">\r\n          <h4>Decision-Maker Access<\/h4>\r\n          <p>Direct access to final decision-makers for requirements, approvals, and strategic alignment. No multi-layer approval chains.<\/p>\r\n        <\/div>\r\n        <div class=\"expectation-card\">\r\n          <h4>Timely Feedback<\/h4>\r\n          <p>Response within 48 business hours on critical items. Phase gates cannot progress without stakeholder review and approval.<\/p>\r\n        <\/div>\r\n        <div class=\"expectation-card\">\r\n          <h4>Resource Availability<\/h4>\r\n          <p>Internal stakeholder time for interviews, testing, and training. Typical commitment: 4-8 hours\/week during active phases.<\/p>\r\n        <\/div>\r\n        <div class=\"expectation-card\">\r\n          <h4>Scope Discipline<\/h4>\r\n          <p>Changes to approved scope trigger formal change requests with timeline and budget adjustments. No informal scope creep.<\/p>\r\n        <\/div>\r\n        <div class=\"expectation-card\">\r\n          <h4>Documentation Review<\/h4>\r\n          <p>Active participation in reviewing architecture docs, wireframes, and specifications before development begins.<\/p>\r\n        <\/div>\r\n        <div class=\"expectation-card\">\r\n          <h4>Payment Terms<\/h4>\r\n          <p>Milestone-based payments per phase completion. Typical structure: 30% discovery, 40% development, 30% deployment.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COMMUNICATION PROTOCOL -->\r\n    <div class=\"work-communication\" data-reveal>\r\n      <h2 class=\"work-section-title\">Communication Protocol<\/h2>\r\n\r\n      <div class=\"communication-grid\">\r\n        <div class=\"comm-item\">\r\n          <div class=\"comm-header\">\r\n            <span class=\"comm-icon\">\ud83d\udce7<\/span>\r\n            <h4>Email<\/h4>\r\n          <\/div>\r\n          <p><strong>Purpose:<\/strong> Formal documentation, milestone approvals, change requests<\/p>\r\n          <p><strong>Response:<\/strong> Within 24 business hours<\/p>\r\n        <\/div>\r\n        <div class=\"comm-item\">\r\n          <div class=\"comm-header\">\r\n            <span class=\"comm-icon\">\ud83d\udcac<\/span>\r\n            <h4>Slack \/ Direct Message<\/h4>\r\n          <\/div>\r\n          <p><strong>Purpose:<\/strong> Quick questions, status updates, informal coordination<\/p>\r\n          <p><strong>Response:<\/strong> Within 4 business hours<\/p>\r\n        <\/div>\r\n        <div class=\"comm-item\">\r\n          <div class=\"comm-header\">\r\n            <span class=\"comm-icon\">\ud83d\udcde<\/span>\r\n            <h4>Scheduled Calls<\/h4>\r\n          <\/div>\r\n          <p><strong>Purpose:<\/strong> Weekly check-ins, phase reviews, technical deep-dives<\/p>\r\n          <p><strong>Frequency:<\/strong> Weekly during development, bi-weekly during optimization<\/p>\r\n        <\/div>\r\n        <div class=\"comm-item\">\r\n          <div class=\"comm-header\">\r\n            <span class=\"comm-icon\">\ud83d\udd34<\/span>\r\n            <h4>Emergency Protocol<\/h4>\r\n          <\/div>\r\n          <p><strong>Purpose:<\/strong> Critical production issues, security incidents<\/p>\r\n          <p><strong>Response:<\/strong> Within 2 hours, 24\/7 availability<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"work-cta-section\" data-reveal>\r\n      <div class=\"cta-content\">\r\n        <h2 class=\"work-section-title\">Begin the Engagement Process<\/h2>\r\n        <p>\r\n          Every engagement begins with a confidential review to assess alignment,\r\n          validate requirements, and determine if there's a structural fit. This\r\n          is not a sales call\u2014it's a mutual evaluation.\r\n        <\/p>\r\n        <p class=\"cta-subtext\">\r\n          We only take on engagements where we can deliver measurable, long-term\r\n          value. If it's not the right fit, we'll tell you directly.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"work-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\">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>100% project completion rate since inception<\/span>\r\n        <\/div>\r\n        <div class=\"trust-signal\">\r\n          <span class=\"trust-icon\">\u2713<\/span>\r\n          <span>18-month average engagement duration<\/span>\r\n        <\/div>\r\n        <div class=\"trust-signal\">\r\n          <span class=\"trust-icon\">\u2713<\/span>\r\n          <span>NDA standard on every engagement<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Full-width with no horizontal gaps *\/\r\n  .how-we-work-page {\r\n    position: relative;\r\n    padding: 160px 0;\r\n    background: #0b0d12;\r\n    overflow: hidden;\r\n    color: #e6e9f0;\r\n    min-height: 100vh;\r\n  }\r\n\r\n  #work-canvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    opacity: .85;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .work-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 28px;\r\n  }\r\n\r\n  .work-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  .work-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\r\n  .work-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\r\n  .work-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\r\n  .work-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\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\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  .work-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\r\n  .work-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\r\n  .work-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  .work-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\r\n  .hero-stat {\r\n    text-align: left;\r\n  }\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\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  .work-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\r\n  .work-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  .work-overview {\r\n    margin-bottom: 140px;\r\n  }\r\n\r\n  .overview-metrics {\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\r\n  .overview-metric {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\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: 12px;\r\n    transition: all .3s ease;\r\n  }\r\n\r\n  .overview-metric: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\r\n  .metric-icon {\r\n    font-size: 2.2rem;\r\n  }\r\n\r\n  .metric-content {\r\n    flex: 1;\r\n  }\r\n\r\n  .metric-value {\r\n    display: block;\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .metric-label {\r\n    display: block;\r\n    font-size: .8rem;\r\n    color: #9aa0b2;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .work-principles-section {\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .work-principles {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));\r\n    gap: 40px;\r\n    margin-bottom: 140px;\r\n  }\r\n\r\n  .work-principle {\r\n    padding: 36px;\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\r\n  .work-principle: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  .principle-icon {\r\n    width: 56px;\r\n    height: 56px;\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: 12px;\r\n    color: #c7cad6;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .work-principle h2 {\r\n    font-size: 1.4rem;\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\r\n  .work-principle p {\r\n    color: #d1d5de;\r\n    line-height: 1.7;\r\n    margin-bottom: 20px;\r\n    font-size: .95rem;\r\n  }\r\n\r\n  .principle-stat {\r\n    padding-top: 16px;\r\n    border-top: 1px solid rgba(255,255,255,.1);\r\n    font-size: .8rem;\r\n    color: #9aa0b2;\r\n    letter-spacing: .8px;\r\n  }\r\n\r\n  .work-phases-section {\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .work-phases {\r\n    display: grid;\r\n    gap: 50px;\r\n    margin-bottom: 140px;\r\n  }\r\n\r\n  .work-phase {\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 .35s ease;\r\n  }\r\n\r\n  .work-phase:hover {\r\n    background: rgba(255,255,255,.04);\r\n    border-color: rgba(255,255,255,.14);\r\n    transform: translateX(8px);\r\n    box-shadow: 0 20px 60px rgba(0,0,0,.4);\r\n  }\r\n\r\n  .phase-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .phase-index {\r\n    font-size: 3rem;\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    line-height: 1;\r\n  }\r\n\r\n  .phase-title-group {\r\n    flex: 1;\r\n  }\r\n\r\n  .work-phase h3 {\r\n    font-size: 1.6rem;\r\n    margin-bottom: 8px;\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  .phase-duration {\r\n    display: inline-block;\r\n    font-size: .75rem;\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  .phase-description {\r\n    font-size: 1rem;\r\n    color: #d1d5de;\r\n    line-height: 1.7;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .phase-deliverables {\r\n    margin: 28px 0;\r\n    padding: 24px;\r\n    background: rgba(255,255,255,.02);\r\n    border-radius: 10px;\r\n    border: 1px solid rgba(255,255,255,.06);\r\n  }\r\n\r\n  .phase-deliverables 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\r\n  .phase-deliverables ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .phase-deliverables li {\r\n    font-size: .88rem;\r\n    color: #b8bcc8;\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .phase-deliverables li span {\r\n    color: #9aa0b2;\r\n    margin-right: 10px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .phase-outcome {\r\n    margin: 24px 0;\r\n    padding: 20px;\r\n    background: rgba(255,255,255,.03);\r\n    border-left: 3px solid rgba(255,255,255,.25);\r\n    border-radius: 4px;\r\n    font-size: .9rem;\r\n    color: #d1d5de;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .phase-outcome strong {\r\n    color: #fff;\r\n  }\r\n\r\n  .phase-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(2,1fr);\r\n    gap: 20px;\r\n    margin-top: 28px;\r\n    padding-top: 28px;\r\n    border-top: 1px solid rgba(255,255,255,.08);\r\n  }\r\n\r\n  .phase-stat {\r\n    text-align: center;\r\n    padding: 16px;\r\n    background: rgba(255,255,255,.02);\r\n    border-radius: 8px;\r\n    border: 1px solid rgba(255,255,255,.06);\r\n  }\r\n\r\n  .phase-stat .stat-value {\r\n    display: block;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .phase-stat .stat-label {\r\n    display: block;\r\n    font-size: .72rem;\r\n    color: #9aa0b2;\r\n    letter-spacing: .8px;\r\n  }\r\n\r\n  .work-filter-section {\r\n    margin-bottom: 140px;\r\n  }\r\n\r\n  .filter-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));\r\n    gap: 24px;\r\n  }\r\n\r\n  .filter-item {\r\n    padding: 28px;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    transition: all .3s ease;\r\n  }\r\n\r\n  .filter-item.unsuitable {\r\n    background: rgba(248,113,113,.03);\r\n    border-color: rgba(248,113,113,.15);\r\n  }\r\n\r\n  .filter-item.unsuitable:hover {\r\n    background: rgba(248,113,113,.05);\r\n    border-color: rgba(248,113,113,.25);\r\n  }\r\n\r\n  .filter-item.suitable {\r\n    background: rgba(74,222,128,.03);\r\n    border-color: rgba(74,222,128,.15);\r\n  }\r\n\r\n  .filter-item.suitable:hover {\r\n    background: rgba(74,222,128,.05);\r\n    border-color: rgba(74,222,128,.25);\r\n  }\r\n\r\n  .filter-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 8px;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .unsuitable .filter-icon {\r\n    background: rgba(248,113,113,.12);\r\n    color: #f87171;\r\n  }\r\n\r\n  .suitable .filter-icon {\r\n    background: rgba(74,222,128,.12);\r\n    color: #4ade80;\r\n  }\r\n\r\n  .filter-item h4 {\r\n    font-size: 1.05rem;\r\n    color: #e8eaee;\r\n    margin-bottom: 10px;\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  .filter-item p {\r\n    font-size: .85rem;\r\n    color: #b8bcc8;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .work-expectations {\r\n    margin-bottom: 140px;\r\n  }\r\n\r\n  .expectations-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));\r\n    gap: 28px;\r\n  }\r\n\r\n  .expectation-card {\r\n    padding: 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    transition: all .3s ease;\r\n  }\r\n\r\n  .expectation-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\r\n  .expectation-card h4 {\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\r\n  .expectation-card p {\r\n    font-size: .88rem;\r\n    color: #b8bcc8;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .work-communication {\r\n    margin-bottom: 140px;\r\n  }\r\n\r\n  .communication-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));\r\n    gap: 28px;\r\n  }\r\n\r\n  .comm-item {\r\n    padding: 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    transition: all .3s ease;\r\n  }\r\n\r\n  .comm-item:hover {\r\n    background: rgba(255,255,255,.04);\r\n    border-color: rgba(255,255,255,.14);\r\n  }\r\n\r\n  .comm-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .comm-icon {\r\n    font-size: 1.8rem;\r\n  }\r\n\r\n  .comm-item h4 {\r\n    font-size: 1.05rem;\r\n    color: #e8eaee;\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  .comm-item p {\r\n    font-size: .85rem;\r\n    color: #b8bcc8;\r\n    line-height: 1.6;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .work-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\r\n  .cta-content {\r\n    max-width: 740px;\r\n    margin: 0 auto 50px;\r\n  }\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\r\n  .cta-subtext {\r\n    font-size: .92rem;\r\n    color: #b8bcc8;\r\n  }\r\n\r\n  .work-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\r\n  .work-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\r\n  .work-cta a:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.3);\r\n  }\r\n\r\n  .work-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\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\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  [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\r\n  .revealed {\r\n    opacity: 1;\r\n    transform: none;\r\n    filter: none;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .how-we-work-page { padding: 100px 20px; }\r\n    .work-hero { grid-template-columns: 1fr; gap: 60px; }\r\n    .work-principles { grid-template-columns: 1fr; }\r\n    .filter-grid { grid-template-columns: 1fr; }\r\n    .expectations-grid { grid-template-columns: 1fr; }\r\n    .communication-grid { grid-template-columns: 1fr; }\r\n    .work-cta { flex-direction: column; align-items: stretch; }\r\n    .work-hero-stats { flex-direction: column; gap: 24px; }\r\n    .cta-trust-signals { flex-direction: column; gap: 20px; align-items: center; }\r\n    .overview-metrics { grid-template-columns: 1fr; }\r\n    .phase-stats { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/* Ambient Canvas Animation *\/\r\n  (function () {\r\n    const canvas = document.getElementById('work-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.documentElement.scrollHeight || document.body.scrollHeight;\r\n    }\r\n    resize();\r\n    window.addEventListener('resize', resize);\r\n\r\n    const nodes = [...Array(55)].map(() => ({\r\n      x: Math.random() * w,\r\n      y: Math.random() * h,\r\n      vx: (Math.random() - 0.5) * 0.3,\r\n      vy: (Math.random() - 0.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 < 190) {\r\n            ctx.strokeStyle = `rgba(255,255,255,${0.1 * (1 - d \/ 190)})`;\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;\r\n        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\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\n  function 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(1);\r\n      if (progress < 1) requestAnimationFrame(update);\r\n    }\r\n    requestAnimationFrame(update);\r\n  }\r\n\r\n  \/* Reveal on Scroll *\/\r\n  (function () {\r\n    const root = document.getElementById('how-we-work');\r\n    if (!root) return;\r\n    const els = root.querySelectorAll('[data-reveal]');\r\n\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          entry.target.querySelectorAll('[data-count]').forEach(animateCounter);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    els.forEach(el => io.observe(el));\r\n  })();\r\n\r\n  \/* Smooth Scroll for anchor links *\/\r\n  document.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>100% Completion Rate Engagement Model Structured Execution. Controlled Delivery. Our work is governed by a disciplined engagement model designed to [&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":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-70","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/70","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=70"}],"version-history":[{"count":22,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}