{"id":72,"date":"2025-12-30T22:14:04","date_gmt":"2025-12-30T22:14:04","guid":{"rendered":"https:\/\/maycreatives.com\/?page_id=72"},"modified":"2026-01-20T04:32:23","modified_gmt":"2026-01-20T04:32:23","slug":"about","status":"publish","type":"page","link":"https:\/\/maycreatives.com\/?page_id=72","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"72\" class=\"elementor elementor-72\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f01e85 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2f01e85\" 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-195b1e4\" data-id=\"195b1e4\" 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-50477ca elementor-widget elementor-widget-html\" data-id=\"50477ca\" 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-about\">\r\n\r\n  <!-- Interactive particle canvas -->\r\n  <canvas id=\"mc-about-canvas\"><\/canvas>\r\n  \r\n  <!-- Cursor follower -->\r\n  <div class=\"cursor-glow\"><\/div>\r\n\r\n  <!-- ================= HERO ================= -->\r\n  <header class=\"mc-about-hero\">\r\n    <div class=\"mc-about-hero-bg\"\r\n         style=\"background-image:url('http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/maycreatives-about-us-page-hero.png');\">\r\n    <\/div>\r\n\r\n    <div class=\"mc-about-hero-overlay\"><\/div>\r\n    \r\n    <!-- Floating orbs -->\r\n    <div class=\"hero-orb orb-1\"><\/div>\r\n    <div class=\"hero-orb orb-2\"><\/div>\r\n    <div class=\"hero-orb orb-3\"><\/div>\r\n\r\n    <div class=\"mc-about-hero-content\">\r\n      <span class=\"mc-eyebrow\" data-text=\"About May Creatives\">About May Creatives<\/span>\r\n\r\n      <h1 class=\"mc-title glitch-text\" data-text=\"A Private Digital Infrastructure Firm\">\r\n        A Private Digital Infrastructure Firm\r\n      <\/h1>\r\n\r\n      <p class=\"mc-lead\">\r\n        May Creatives operates at the intersection of strategy, engineering,\r\n        and systems design \u2014 supporting organizations where digital\r\n        infrastructure is mission-critical, not cosmetic.\r\n      <\/p>\r\n\r\n      <div class=\"hero-stats\">\r\n        <div class=\"hero-stat\" data-animate>\r\n          <div class=\"stat-glow\"><\/div>\r\n          <div class=\"stat-num\" data-count=\"2019\" data-suffix=\"\">0<\/div>\r\n          <div class=\"stat-label\">Established<\/div>\r\n          <div class=\"stat-line\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-stat\" data-animate>\r\n          <div class=\"stat-glow\"><\/div>\r\n          <div class=\"stat-num\" data-count=\"127\" data-suffix=\"+\">0<\/div>\r\n          <div class=\"stat-label\">Systems Deployed<\/div>\r\n          <div class=\"stat-line\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-stat\" data-animate>\r\n          <div class=\"stat-glow\"><\/div>\r\n          <div class=\"stat-num\" data-count=\"7\" data-suffix=\"\">0<\/div>\r\n          <div class=\"stat-label\">Countries Served<\/div>\r\n          <div class=\"stat-line\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-stat\" data-animate>\r\n          <div class=\"stat-glow\"><\/div>\r\n          <div class=\"stat-num\" data-count=\"15\" data-suffix=\"+\">0<\/div>\r\n          <div class=\"stat-label\">Industries<\/div>\r\n          <div class=\"stat-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"scroll-indicator\" onclick=\"document.querySelector('.mc-wrap').scrollIntoView({behavior:'smooth'})\">\r\n      <div class=\"scroll-mouse\">\r\n        <div class=\"scroll-wheel\"><\/div>\r\n      <\/div>\r\n      <span>Scroll to explore<\/span>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ================= INTRO ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">Our Position<\/h2>\r\n    <p class=\"section-lead\">\r\n      May Creatives is not structured as a traditional service provider.\r\n      We function as a long-term digital partner, embedded within the\r\n      operational and strategic fabric of the organizations we support.\r\n    <\/p>\r\n    <p class=\"section-text\">\r\n      Our work focuses on building systems that govern how platforms operate,\r\n      how teams interact, and how growth is sustained over time. We're engaged\r\n      when digital infrastructure becomes a competitive advantage rather than\r\n      a cost center\u2014when systems need to scale quietly, securely, and without\r\n      constant intervention.\r\n    <\/p>\r\n\r\n    <div class=\"intro-metrics\">\r\n      <div class=\"intro-metric magnetic-wrap\">\r\n        <div class=\"metric-pulse\"><\/div>\r\n        <div class=\"metric-ring\">\r\n          <svg viewBox=\"0 0 100 100\">\r\n            <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"45\"\/>\r\n            <circle class=\"ring-fill\" cx=\"50\" cy=\"50\" r=\"45\" data-progress=\"100\"\/>\r\n          <\/svg>\r\n          <span class=\"ring-value\">18<\/span>\r\n        <\/div>\r\n        <div class=\"metric-content\">\r\n          <span class=\"metric-value\">18 months<\/span>\r\n          <span class=\"metric-desc\">Average partnership duration<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"intro-metric magnetic-wrap\">\r\n        <div class=\"metric-pulse\"><\/div>\r\n        <div class=\"metric-ring\">\r\n          <svg viewBox=\"0 0 100 100\">\r\n            <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"45\"\/>\r\n            <circle class=\"ring-fill\" cx=\"50\" cy=\"50\" r=\"45\" data-progress=\"100\"\/>\r\n          <\/svg>\r\n          <span class=\"ring-value\">100%<\/span>\r\n        <\/div>\r\n        <div class=\"metric-content\">\r\n          <span class=\"metric-value\">100%<\/span>\r\n          <span class=\"metric-desc\">Project completion rate<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"intro-metric magnetic-wrap\">\r\n        <div class=\"metric-pulse\"><\/div>\r\n        <div class=\"metric-ring\">\r\n          <svg viewBox=\"0 0 100 100\">\r\n            <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"45\"\/>\r\n            <circle class=\"ring-fill\" cx=\"50\" cy=\"50\" r=\"45\" data-progress=\"100\"\/>\r\n          <\/svg>\r\n          <span class=\"ring-value\">NDA<\/span>\r\n        <\/div>\r\n        <div class=\"metric-content\">\r\n          <span class=\"metric-value\">NDA Standard<\/span>\r\n          <span class=\"metric-desc\">Confidentiality on every engagement<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= ORIGIN STORY ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">Origin & Evolution<\/h2>\r\n    \r\n    <div class=\"timeline-container\">\r\n      <div class=\"timeline-track\">\r\n        <div class=\"timeline-progress\"><\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"timeline-story\">\r\n        <div class=\"story-block\" data-year=\"2019\">\r\n          <div class=\"story-node\">\r\n            <div class=\"node-ring\"><\/div>\r\n            <div class=\"node-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"story-content\">\r\n            <span class=\"story-year\">2019<\/span>\r\n            <h3>Foundation in Liechtenstein<\/h3>\r\n            <p>\r\n              May Creatives was founded in Vaduz, Liechtenstein, with a singular focus:\r\n              building digital systems that operate with precision, discretion, and \r\n              long-term durability. Our Alpine origins shaped our philosophy\u2014systems \r\n              must be engineered for resilience, not assembled from shortcuts.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"story-block\" data-year=\"2020\">\r\n          <div class=\"story-node\">\r\n            <div class=\"node-ring\"><\/div>\r\n            <div class=\"node-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"story-content\">\r\n            <span class=\"story-year\">2020-2021<\/span>\r\n            <h3>European Expansion<\/h3>\r\n            <p>\r\n              Extended operations across the DACH region and Nordic countries, developing\r\n              expertise in multi-jurisdiction regulatory environments. Built systems for\r\n              financial institutions, hospitality groups, and growth-stage companies\r\n              navigating complex compliance landscapes.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"story-block\" data-year=\"2022\">\r\n          <div class=\"story-node\">\r\n            <div class=\"node-ring\"><\/div>\r\n            <div class=\"node-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"story-content\">\r\n            <span class=\"story-year\">2022-2023<\/span>\r\n            <h3>Industry Diversification<\/h3>\r\n            <p>\r\n              Deepened capabilities across 15+ industries including real estate, automotive,\r\n              professional services, e-commerce, and public sector. Developed repeatable\r\n              frameworks while maintaining custom architecture for each engagement.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"story-block\" data-year=\"2024\">\r\n          <div class=\"story-node\">\r\n            <div class=\"node-ring\"><\/div>\r\n            <div class=\"node-dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"story-content\">\r\n            <span class=\"story-year\">2024-Present<\/span>\r\n            <h3>Global Systems Maturity<\/h3>\r\n            <p>\r\n              Established as a recognized digital infrastructure partner with proven\r\n              expertise in governance-first systems. Portfolio spans 127+ deployed systems\r\n              with 99.94% average uptime. Selective partnerships now span Europe, Africa, \r\n              and North America.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= WHAT WE BELIEVE ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">Core Beliefs<\/h2>\r\n    <p class=\"section-lead\">\r\n      These principles guide every engagement decision, technical choice,\r\n      and operational practice. They are non-negotiable.\r\n    <\/p>\r\n  <\/section>\r\n\r\n  <section class=\"mc-wrap mc-grid-beliefs reveal\">\r\n    <div class=\"belief-card magnetic-wrap\" data-tilt>\r\n      <div class=\"card-shine\"><\/div>\r\n      <div class=\"card-border\"><\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\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      <h3 class=\"mc-subtitle\">Systems Before Interfaces<\/h3>\r\n      <p>\r\n        We design architecture, data models, workflows, and governance models\r\n        before any visual layers. Interfaces follow structure\u2014not the other way around.\r\n      <\/p>\r\n      <div class=\"belief-stat\">\r\n        <div class=\"stat-bar-wrap\">\r\n          <div class=\"stat-bar\" data-fill=\"100\"><\/div>\r\n          <div class=\"stat-bar-glow\"><\/div>\r\n        <\/div>\r\n        <span>Architecture-first on 100% of projects<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card magnetic-wrap\" data-tilt>\r\n      <div class=\"card-shine\"><\/div>\r\n      <div class=\"card-border\"><\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\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      <h3 class=\"mc-subtitle\">Longevity Over Velocity<\/h3>\r\n      <p>\r\n        Short-term wins are rarely aligned with long-term resilience.\r\n        We optimize for durability, clarity, and operational continuity.\r\n      <\/p>\r\n      <div class=\"belief-stat\">\r\n        <div class=\"stat-bar-wrap\">\r\n          <div class=\"stat-bar\" data-fill=\"83\"><\/div>\r\n          <div class=\"stat-bar-glow\"><\/div>\r\n        <\/div>\r\n        <span>8.3 years average system lifespan<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card magnetic-wrap\" data-tilt>\r\n      <div class=\"card-shine\"><\/div>\r\n      <div class=\"card-border\"><\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\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      <h3 class=\"mc-subtitle\">Discretion as a Discipline<\/h3>\r\n      <p>\r\n        Many systems we build operate quietly beneath public visibility.\r\n        Confidentiality and restraint are design principles, not limitations.\r\n      <\/p>\r\n      <div class=\"belief-stat\">\r\n        <div class=\"stat-bar-wrap\">\r\n          <div class=\"stat-bar\" data-fill=\"100\"><\/div>\r\n          <div class=\"stat-bar-glow\"><\/div>\r\n        <\/div>\r\n        <span>100% of engagements under NDA<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card magnetic-wrap\" data-tilt>\r\n      <div class=\"card-shine\"><\/div>\r\n      <div class=\"card-border\"><\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n          <path d=\"M12 2v20M2 12h20\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"mc-subtitle\">Ownership Over Dependency<\/h3>\r\n      <p>\r\n        We prioritize systems that organizations can understand, govern,\r\n        and evolve internally\u2014not platforms that create lock-in.\r\n      <\/p>\r\n      <div class=\"belief-stat\">\r\n        <div class=\"stat-bar-wrap\">\r\n          <div class=\"stat-bar\" data-fill=\"100\"><\/div>\r\n          <div class=\"stat-bar-glow\"><\/div>\r\n        <\/div>\r\n        <span>100% client code ownership<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card magnetic-wrap\" data-tilt>\r\n      <div class=\"card-shine\"><\/div>\r\n      <div class=\"card-border\"><\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n          <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"mc-subtitle\">Measurable Impact Only<\/h3>\r\n      <p>\r\n        Every system includes performance monitoring and clear success metrics.\r\n        We measure efficiency gains, uptime, throughput, revenue impact.\r\n      <\/p>\r\n      <div class=\"belief-stat\">\r\n        <div class=\"stat-bar-wrap\">\r\n          <div class=\"stat-bar\" data-fill=\"100\"><\/div>\r\n          <div class=\"stat-bar-glow\"><\/div>\r\n        <\/div>\r\n        <span>324% average efficiency improvement<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card magnetic-wrap\" data-tilt>\r\n      <div class=\"card-shine\"><\/div>\r\n      <div class=\"card-border\"><\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\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      <h3 class=\"mc-subtitle\">Direct Communication<\/h3>\r\n      <p>\r\n        No account managers or multilayer bureaucracy. Technical leads\r\n        communicate directly with decision-makers. Clarity without information loss.\r\n      <\/p>\r\n      <div class=\"belief-stat\">\r\n        <div class=\"stat-bar-wrap\">\r\n          <div class=\"stat-bar\" data-fill=\"100\"><\/div>\r\n          <div class=\"stat-bar-glow\"><\/div>\r\n        <\/div>\r\n        <span>Direct stakeholder access on all projects<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= HOW WE OPERATE ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">How We Operate<\/h2>\r\n    <p class=\"section-lead\">\r\n      Our execution model is intentionally distributed and adaptive,\r\n      allowing us to operate across industries without compromising standards.\r\n    <\/p>\r\n\r\n    <div class=\"operation-grid\">\r\n      <div class=\"operation-item magnetic-wrap\">\r\n        <div class=\"op-glow\"><\/div>\r\n        <div class=\"op-number\">01<\/div>\r\n        <h4>Distributed Team<\/h4>\r\n        <p>\r\n          Core team of 14 specialists across development, design, and strategy.\r\n          Extended network activated based on project requirements.\r\n        <\/p>\r\n        <div class=\"operation-tags\">\r\n          <span class=\"op-tag\">7 developers<\/span>\r\n          <span class=\"op-tag\">4 designers<\/span>\r\n          <span class=\"op-tag\">3 strategists<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"operation-item magnetic-wrap\">\r\n        <div class=\"op-glow\"><\/div>\r\n        <div class=\"op-number\">02<\/div>\r\n        <h4>Retainer Model<\/h4>\r\n        <p>\r\n          Engagements structured around ongoing system stewardship.\r\n          Typical partnerships span 12-36 months with continuous optimization.\r\n        <\/p>\r\n        <div class=\"operation-tags\">\r\n          <span class=\"op-tag\">18-month average<\/span>\r\n          <span class=\"op-tag\">Continuous support<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"operation-item magnetic-wrap\">\r\n        <div class=\"op-glow\"><\/div>\r\n        <div class=\"op-number\">03<\/div>\r\n        <h4>Phase-Gated<\/h4>\r\n        <p>\r\n          Five-phase model from discovery through optimization. No phase begins\r\n          without sign-off. This prevents scope creep and maintains quality.\r\n        <\/p>\r\n        <div class=\"operation-tags\">\r\n          <span class=\"op-tag\">Zero scope creep<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"operation-item magnetic-wrap\">\r\n        <div class=\"op-glow\"><\/div>\r\n        <div class=\"op-number\">04<\/div>\r\n        <h4>Global Remote<\/h4>\r\n        <p>\r\n          Headquarters in Liechtenstein with operations across Europe, Africa, \r\n          and North America. Multi-jurisdiction expertise.\r\n        <\/p>\r\n        <div class=\"operation-tags\">\r\n          <span class=\"op-tag\">7 countries<\/span>\r\n          <span class=\"op-tag\">Remote-first<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"operation-item magnetic-wrap\">\r\n        <div class=\"op-glow\"><\/div>\r\n        <div class=\"op-number\">05<\/div>\r\n        <h4>Security-First<\/h4>\r\n        <p>\r\n          Multi-layer authentication, complete audit trails, encryption \r\n          at rest and in transit. Zero tolerance for shortcuts.\r\n        <\/p>\r\n        <div class=\"operation-tags\">\r\n          <span class=\"op-tag\">0 incidents in 48mo<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"operation-item magnetic-wrap\">\r\n        <div class=\"op-glow\"><\/div>\r\n        <div class=\"op-number\">06<\/div>\r\n        <h4>Selective<\/h4>\r\n        <p>\r\n          Limited to 8-12 active partnerships at any time. Quality over volume.\r\n          Focused attention and dedicated leadership throughout.\r\n        <\/p>\r\n        <div class=\"operation-tags\">\r\n          <span class=\"op-tag\">8-12 max concurrent<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= GEOGRAPHIC PRESENCE ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">Geographic Presence<\/h2>\r\n    <p class=\"section-lead\">\r\n      Headquarters in Central Europe with strategic partnerships worldwide.\r\n      Remote-first delivery enables global reach without compromising quality.\r\n    <\/p>\r\n\r\n    <div class=\"geography-grid\">\r\n      <div class=\"geo-card headquarters magnetic-wrap\">\r\n        <div class=\"geo-shine\"><\/div>\r\n        <div class=\"geo-badge\">HQ<\/div>\r\n        <div class=\"geo-flag\">\ud83c\uddf1\ud83c\uddee<\/div>\r\n        <h4>Liechtenstein<\/h4>\r\n        <p class=\"geo-location\">Vaduz<\/p>\r\n        <p>Primary operations center. Strategic partnerships, financial services \r\n        expertise, and GDPR-first system design.<\/p>\r\n        <div class=\"geo-stats\">\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\" data-count=\"42\">0<\/span>\r\n            <span class=\"geo-stat-label\">systems<\/span>\r\n          <\/div>\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\">2019<\/span>\r\n            <span class=\"geo-stat-label\">established<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"geo-card primary magnetic-wrap\">\r\n        <div class=\"geo-shine\"><\/div>\r\n        <div class=\"geo-flag\">\ud83c\udde8\ud83c\udded<\/div>\r\n        <h4>Switzerland<\/h4>\r\n        <p class=\"geo-location\">Z\u00fcrich, Geneva<\/p>\r\n        <p>Financial services, fintech, and hospitality. Strong partnership network.<\/p>\r\n        <div class=\"geo-stats\">\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\" data-count=\"31\">0<\/span>\r\n            <span class=\"geo-stat-label\">systems<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"geo-card primary magnetic-wrap\">\r\n        <div class=\"geo-shine\"><\/div>\r\n        <div class=\"geo-flag\">\ud83c\udde9\ud83c\uddea<\/div>\r\n        <h4>Germany<\/h4>\r\n        <p class=\"geo-location\">Munich, Berlin<\/p>\r\n        <p>Automotive, e-commerce, and enterprise tech. German regulatory expertise.<\/p>\r\n        <div class=\"geo-stats\">\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\" data-count=\"28\">0<\/span>\r\n            <span class=\"geo-stat-label\">systems<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"geo-card magnetic-wrap\">\r\n        <div class=\"geo-shine\"><\/div>\r\n        <div class=\"geo-flag\">\ud83c\udde6\ud83c\uddf9<\/div>\r\n        <h4>Austria<\/h4>\r\n        <p class=\"geo-location\">Vienna<\/p>\r\n        <p>Real estate, professional services, and tourism sectors.<\/p>\r\n        <div class=\"geo-stats\">\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\" data-count=\"15\">0<\/span>\r\n            <span class=\"geo-stat-label\">systems<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"geo-card emerging magnetic-wrap\">\r\n        <div class=\"geo-shine\"><\/div>\r\n        <div class=\"geo-flag\">\ud83c\uddf3\ud83c\uddec<\/div>\r\n        <h4>Nigeria<\/h4>\r\n        <p class=\"geo-location\">Lagos, Abuja<\/p>\r\n        <p>E-commerce, fintech, and growth-stage tech. Emerging market expertise.<\/p>\r\n        <div class=\"geo-stats\">\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\" data-count=\"6\">0<\/span>\r\n            <span class=\"geo-stat-label\">systems<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"geo-card emerging magnetic-wrap\">\r\n        <div class=\"geo-shine\"><\/div>\r\n        <div class=\"geo-flag\">\ud83c\uddfa\ud83c\uddf8<\/div>\r\n        <h4>United States<\/h4>\r\n        <p class=\"geo-location\">Remote<\/p>\r\n        <p>Tech startups requiring European infrastructure expertise.<\/p>\r\n        <div class=\"geo-stats\">\r\n          <div class=\"geo-stat-item\">\r\n            <span class=\"geo-stat-num\" data-count=\"4\">0<\/span>\r\n            <span class=\"geo-stat-label\">systems<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"geo-summary\">\r\n      <div class=\"summary-item\">\r\n        <div class=\"summary-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"summary-text\">\r\n          <span class=\"summary-value\">7 Countries<\/span>\r\n          <span class=\"summary-label\">Active operations<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"summary-item\">\r\n        <div class=\"summary-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n            <path d=\"M8 21h8M12 17v4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"summary-text\">\r\n          <span class=\"summary-value\">127+ Systems<\/span>\r\n          <span class=\"summary-label\">Deployed worldwide<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"summary-item\">\r\n        <div class=\"summary-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"summary-text\">\r\n          <span class=\"summary-value\">99.94%<\/span>\r\n          <span class=\"summary-label\">Average uptime<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= INDUSTRY EXPERTISE ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">Industry Expertise<\/h2>\r\n    <p class=\"section-lead\">\r\n      Deep operational knowledge across 15+ industries with specific\r\n      expertise in regulated environments and complex workflows.\r\n    <\/p>\r\n\r\n    <div class=\"industry-expertise\">\r\n      <div class=\"industry-row\">\r\n        <span class=\"industry-name\">Hospitality & Tourism<\/span>\r\n        <div class=\"industry-bar-wrap\">\r\n          <div class=\"industry-bar\" data-width=\"100\"><\/div>\r\n          <div class=\"industry-bar-particles\"><\/div>\r\n        <\/div>\r\n        <span class=\"industry-count\"><span data-count=\"42\">0<\/span> systems<\/span>\r\n      <\/div>\r\n      <div class=\"industry-row\">\r\n        <span class=\"industry-name\">Real Estate & Property<\/span>\r\n        <div class=\"industry-bar-wrap\">\r\n          <div class=\"industry-bar\" data-width=\"90\"><\/div>\r\n          <div class=\"industry-bar-particles\"><\/div>\r\n        <\/div>\r\n        <span class=\"industry-count\"><span data-count=\"38\">0<\/span> systems<\/span>\r\n      <\/div>\r\n      <div class=\"industry-row\">\r\n        <span class=\"industry-name\">Professional Services<\/span>\r\n        <div class=\"industry-bar-wrap\">\r\n          <div class=\"industry-bar\" data-width=\"81\"><\/div>\r\n          <div class=\"industry-bar-particles\"><\/div>\r\n        <\/div>\r\n        <span class=\"industry-count\"><span data-count=\"34\">0<\/span> systems<\/span>\r\n      <\/div>\r\n      <div class=\"industry-row\">\r\n        <span class=\"industry-name\">E-commerce & Retail<\/span>\r\n        <div class=\"industry-bar-wrap\">\r\n          <div class=\"industry-bar\" data-width=\"67\"><\/div>\r\n          <div class=\"industry-bar-particles\"><\/div>\r\n        <\/div>\r\n        <span class=\"industry-count\"><span data-count=\"28\">0<\/span> systems<\/span>\r\n      <\/div>\r\n      <div class=\"industry-row\">\r\n        <span class=\"industry-name\">Technology & SaaS<\/span>\r\n        <div class=\"industry-bar-wrap\">\r\n          <div class=\"industry-bar\" data-width=\"55\"><\/div>\r\n          <div class=\"industry-bar-particles\"><\/div>\r\n        <\/div>\r\n        <span class=\"industry-count\"><span data-count=\"23\">0<\/span> systems<\/span>\r\n      <\/div>\r\n      <div class=\"industry-row\">\r\n        <span class=\"industry-name\">Financial Services<\/span>\r\n        <div class=\"industry-bar-wrap\">\r\n          <div class=\"industry-bar\" data-width=\"33\"><\/div>\r\n          <div class=\"industry-bar-particles\"><\/div>\r\n        <\/div>\r\n        <span class=\"industry-count\"><span data-count=\"14\">0<\/span> systems<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= TRACK RECORD ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">Track Record<\/h2>\r\n    \r\n    <div class=\"track-record-grid\">\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"127\">0<\/div>\r\n        <div class=\"track-label\">Systems Deployed<\/div>\r\n        <div class=\"track-detail\">Across 7 countries<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"99.94\" data-suffix=\"%\" data-decimal=\"true\">0<\/div>\r\n        <div class=\"track-label\">Average Uptime<\/div>\r\n        <div class=\"track-detail\">Portfolio-wide<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"0\">0<\/div>\r\n        <div class=\"track-label\">Security Incidents<\/div>\r\n        <div class=\"track-detail\">Zero in 48 months<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"100\" data-suffix=\"%\">0<\/div>\r\n        <div class=\"track-label\">Completion Rate<\/div>\r\n        <div class=\"track-detail\">Every engagement<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"42.7\" data-suffix=\"M\" data-decimal=\"true\">0<\/div>\r\n        <div class=\"track-label\">Transactions<\/div>\r\n        <div class=\"track-detail\">Cumulative total<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"18.2\" data-prefix=\"$\" data-suffix=\"M\" data-decimal=\"true\">0<\/div>\r\n        <div class=\"track-label\">Revenue Generated<\/div>\r\n        <div class=\"track-detail\">Client attribution<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"18\" data-suffix=\"mo\">0<\/div>\r\n        <div class=\"track-label\">Avg. Partnership<\/div>\r\n        <div class=\"track-detail\">Long-term focus<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"track-stat magnetic-wrap\">\r\n        <div class=\"track-glow\"><\/div>\r\n        <div class=\"track-number\" data-count=\"8.3\" data-suffix=\"yr\" data-decimal=\"true\">0<\/div>\r\n        <div class=\"track-label\">System Lifespan<\/div>\r\n        <div class=\"track-detail\">Avg. longevity<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= DIFFERENTIATORS ================= -->\r\n  <section class=\"mc-wrap reveal\">\r\n    <div class=\"section-accent\"><\/div>\r\n    <h2 class=\"mc-section-title\">What Makes Us Different<\/h2>\r\n    \r\n    <div class=\"differentiator-grid\">\r\n      <div class=\"diff-card magnetic-wrap\">\r\n        <div class=\"diff-icon\">\u2715<\/div>\r\n        <h4>No Templates<\/h4>\r\n        <p>Every system architected from scratch for specific requirements. No pre-built solutions.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card magnetic-wrap\">\r\n        <div class=\"diff-icon\">\u2715<\/div>\r\n        <h4>No Lock-In<\/h4>\r\n        <p>Full code ownership. Complete documentation. You're never hostage to us.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card magnetic-wrap\">\r\n        <div class=\"diff-icon\">\u2715<\/div>\r\n        <h4>No Scope Creep<\/h4>\r\n        <p>Phase-gated model with formal change protocols. Quality maintained.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card magnetic-wrap\">\r\n        <div class=\"diff-icon\">\u2715<\/div>\r\n        <h4>No Middlemen<\/h4>\r\n        <p>Direct communication between technical leads and decision-makers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card magnetic-wrap\">\r\n        <div class=\"diff-icon\">\u2715<\/div>\r\n        <h4>No Short-Term<\/h4>\r\n        <p>Systems designed for 5-10 year horizons. Longevity over quick wins.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"diff-card magnetic-wrap\">\r\n        <div class=\"diff-icon\">\u2715<\/div>\r\n        <h4>No Vanity Metrics<\/h4>\r\n        <p>Success measured by operational impact: uptime, efficiency, revenue.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= CTA ================= -->\r\n  <section class=\"mc-wrap mc-cta reveal\">\r\n    <div class=\"cta-orbs\">\r\n      <div class=\"cta-orb cta-orb-1\"><\/div>\r\n      <div class=\"cta-orb cta-orb-2\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"cta-content\">\r\n      <h2 class=\"mc-section-title\">Selective Partnerships<\/h2>\r\n      <p>\r\n        May Creatives works with a limited number of organizations at a time.\r\n        Our role is to design and maintain the systems that make organizations \r\n        durable, scalable, and operationally excellent over years.\r\n      <\/p>\r\n      <p class=\"cta-sub\">\r\n        Engagements begin with a confidential review to assess mutual fit.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mc-buttons\">\r\n      <a href=\"https:\/\/maycreatives.com\/?page_id=8\" class=\"btn-primary magnetic-wrap\">\r\n        <span class=\"btn-bg\"><\/span>\r\n        <span class=\"btn-text\">Request Private Review<\/span>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/maycreatives.com\/?page_id=9\" class=\"btn-secondary magnetic-wrap\">\r\n        <span class=\"btn-text\">Enter Client Portal<\/span>\r\n        <svg 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\"\/>\r\n          <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"cta-trust\">\r\n      <div class=\"trust-item\">\r\n        <div class=\"trust-check\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n            <polyline points=\"20 6 9 17 4 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span>100% project completion<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <div class=\"trust-check\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n            <polyline points=\"20 6 9 17 4 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span>18-month average engagement<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <div class=\"trust-check\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n            <polyline points=\"20 6 9 17 4 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span>NDA standard on every project<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== CUSTOM PROPERTIES - SILVER PALETTE ===== *\/\r\n:root {\r\n  --mc-bg: #08090c;\r\n  --mc-bg-card: rgba(255,255,255,.02);\r\n  --mc-bg-card-hover: rgba(255,255,255,.06);\r\n  --mc-border: rgba(255,255,255,.08);\r\n  --mc-border-hover: rgba(255,255,255,.2);\r\n  --mc-text: #e8eaef;\r\n  --mc-text-muted: #8a909f;\r\n  --mc-silver: #c8cdd8;\r\n  --mc-silver-bright: #e8ecf4;\r\n  --mc-silver-glow: rgba(200,205,216,.4);\r\n  --mc-silver-gradient: linear-gradient(135deg, #f0f2f7 0%, #c8cdd8 50%, #9ca3b4 100%);\r\n  --mc-shine: linear-gradient(135deg, transparent 0%, rgba(255,255,255,.1) 50%, transparent 100%);\r\n  --mc-ease: cubic-bezier(.22,.61,.36,1);\r\n  --mc-ease-out: cubic-bezier(.16,1,.3,1);\r\n  --mc-ease-bounce: cubic-bezier(.34,1.56,.64,1);\r\n}\r\n\r\n\/* ===== BASE ===== *\/\r\n.mc-about {\r\n  background: var(--mc-bg);\r\n  color: var(--mc-text);\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\r\n}\r\n\r\n\/* Cursor Glow *\/\r\n.cursor-glow {\r\n  position: fixed;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, var(--mc-silver-glow), transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 9999;\r\n  opacity: 0;\r\n  transform: translate(-50%, -50%);\r\n  transition: opacity .3s ease;\r\n  mix-blend-mode: soft-light;\r\n}\r\n\r\n.mc-about:hover .cursor-glow {\r\n  opacity: .5;\r\n}\r\n\r\n#mc-about-canvas {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  opacity: .6;\r\n  pointer-events: none;\r\n}\r\n\r\n.mc-wrap {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  padding: 140px 32px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.section-accent {\r\n  position: absolute;\r\n  top: 100px;\r\n  left: 0;\r\n  width: 3px;\r\n  height: 60px;\r\n  background: var(--mc-silver-gradient);\r\n  border-radius: 2px;\r\n  opacity: .6;\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.mc-about-hero {\r\n  min-height: 100vh;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.mc-about-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  transform: scale(1.1);\r\n  animation: heroFloat 25s ease-in-out infinite;\r\n}\r\n\r\n@keyframes heroFloat {\r\n  0%, 100% { transform: scale(1.1) translateY(0); }\r\n  50% { transform: scale(1.12) translateY(-10px); }\r\n}\r\n\r\n.mc-about-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 900px 700px at 20% 30%, rgba(200,205,216,.06), transparent 50%),\r\n    radial-gradient(ellipse 600px 400px at 80% 70%, rgba(200,205,216,.04), transparent 50%),\r\n    linear-gradient(180deg, rgba(8,9,12,.2) 0%, rgba(8,9,12,.7) 50%, rgba(8,9,12,.98) 100%);\r\n}\r\n\r\n\/* Hero Orbs *\/\r\n.hero-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  opacity: .15;\r\n  animation: orbFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.orb-1 {\r\n  width: 500px;\r\n  height: 500px;\r\n  background: var(--mc-silver);\r\n  top: 10%;\r\n  left: 10%;\r\n}\r\n\r\n.orb-2 {\r\n  width: 400px;\r\n  height: 400px;\r\n  background: var(--mc-silver-bright);\r\n  bottom: 20%;\r\n  right: 15%;\r\n  animation-delay: -7s;\r\n}\r\n\r\n.orb-3 {\r\n  width: 300px;\r\n  height: 300px;\r\n  background: var(--mc-silver);\r\n  top: 50%;\r\n  left: 50%;\r\n  animation-delay: -14s;\r\n}\r\n\r\n@keyframes orbFloat {\r\n  0%, 100% { transform: translate(0, 0) scale(1); }\r\n  33% { transform: translate(30px, -30px) scale(1.1); }\r\n  66% { transform: translate(-20px, 20px) scale(.9); }\r\n}\r\n\r\n.mc-about-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  padding: 0 32px;\r\n  width: 100%;\r\n}\r\n\r\n\/* ===== TYPOGRAPHY WITH EFFECTS ===== *\/\r\n.mc-eyebrow {\r\n  display: inline-block;\r\n  font-size: .72rem;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  padding: 10px 20px;\r\n  background: rgba(200,205,216,.08);\r\n  border: 1px solid rgba(200,205,216,.15);\r\n  border-radius: 100px;\r\n  color: var(--mc-silver);\r\n  margin-bottom: 24px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.mc-eyebrow::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: var(--mc-shine);\r\n  animation: shimmer 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes shimmer {\r\n  0% { left: -100%; }\r\n  50%, 100% { left: 100%; }\r\n}\r\n\r\n.mc-title {\r\n  font-size: clamp(2.6rem, 5vw, 4.2rem);\r\n  font-weight: 600;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin: 0 0 28px;\r\n  line-height: 1.1;\r\n  position: relative;\r\n}\r\n\r\n.glitch-text {\r\n  animation: glitchText 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes glitchText {\r\n  0%, 94%, 100% { filter: none; }\r\n  95% { filter: blur(1px); }\r\n  96% { filter: none; transform: translateX(2px); }\r\n  97% { filter: blur(0.5px); transform: translateX(-2px); }\r\n  98% { filter: none; transform: none; }\r\n}\r\n\r\n.mc-lead {\r\n  max-width: 640px;\r\n  font-size: 1.1rem;\r\n  line-height: 1.8;\r\n  color: #b8bcc8;\r\n}\r\n\r\n.mc-section-title {\r\n  font-size: clamp(1.8rem, 3.5vw, 2.4rem);\r\n  font-weight: 600;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-lead {\r\n  font-size: 1.02rem;\r\n  line-height: 1.7;\r\n  color: #9ca3b4;\r\n  margin-bottom: 20px;\r\n  max-width: 700px;\r\n}\r\n\r\n.section-text {\r\n  font-size: .95rem;\r\n  line-height: 1.75;\r\n  color: #8a909f;\r\n  max-width: 700px;\r\n}\r\n\r\n.mc-subtitle {\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  margin-bottom: 12px;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n\/* ===== HERO STATS ===== *\/\r\n.hero-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  margin-top: 80px;\r\n  border-top: 1px solid var(--mc-border);\r\n}\r\n\r\n.hero-stat {\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  position: relative;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n}\r\n\r\n.hero-stat.animated {\r\n  animation: statReveal .8s var(--mc-ease-out) forwards;\r\n}\r\n\r\n@keyframes statReveal {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.stat-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 120px;\r\n  height: 120px;\r\n  background: radial-gradient(circle, var(--mc-silver-glow), transparent 70%);\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.hero-stat:hover .stat-glow {\r\n  opacity: 1;\r\n}\r\n\r\n.stat-num {\r\n  font-size: clamp(2.2rem, 4vw, 3rem);\r\n  font-weight: 700;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 8px;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.stat-label {\r\n  font-size: .7rem;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--mc-text-muted);\r\n}\r\n\r\n.stat-line {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 1px;\r\n  height: 50px;\r\n  background: linear-gradient(to bottom, transparent, var(--mc-silver), transparent);\r\n  opacity: .3;\r\n}\r\n\r\n.hero-stat:last-child .stat-line {\r\n  display: none;\r\n}\r\n\r\n\/* ===== SCROLL INDICATOR ===== *\/\r\n.scroll-indicator {\r\n  position: absolute;\r\n  bottom: 50px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 16px;\r\n  cursor: pointer;\r\n  opacity: 0;\r\n  animation: fadeIn 1s ease 2s forwards;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  to { opacity: .7; }\r\n}\r\n\r\n.scroll-indicator:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.scroll-mouse {\r\n  width: 26px;\r\n  height: 42px;\r\n  border: 2px solid var(--mc-silver);\r\n  border-radius: 14px;\r\n  position: relative;\r\n  opacity: .6;\r\n}\r\n\r\n.scroll-wheel {\r\n  position: absolute;\r\n  top: 8px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 4px;\r\n  height: 8px;\r\n  background: var(--mc-silver);\r\n  border-radius: 2px;\r\n  animation: scrollWheel 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollWheel {\r\n  0%, 100% { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n  50% { opacity: .3; transform: translateX(-50%) translateY(10px); }\r\n}\r\n\r\n.scroll-indicator span {\r\n  font-size: .68rem;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--mc-text-muted);\r\n}\r\n\r\n\/* ===== INTRO METRICS WITH ANIMATED RINGS ===== *\/\r\n.intro-metrics {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 24px;\r\n  margin-top: 60px;\r\n}\r\n\r\n.intro-metric {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n  padding: 28px 32px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all .5s var(--mc-ease);\r\n}\r\n\r\n.intro-metric:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.metric-pulse {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 20% 50%, var(--mc-silver-glow), transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.intro-metric:hover .metric-pulse {\r\n  opacity: .3;\r\n}\r\n\r\n.metric-ring {\r\n  width: 72px;\r\n  height: 72px;\r\n  position: relative;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.metric-ring svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: rotate(-90deg);\r\n}\r\n\r\n.ring-bg {\r\n  fill: none;\r\n  stroke: rgba(200,205,216,.1);\r\n  stroke-width: 4;\r\n}\r\n\r\n.ring-fill {\r\n  fill: none;\r\n  stroke: url(#silverGradient);\r\n  stroke-width: 4;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 283;\r\n  stroke-dashoffset: 283;\r\n  transition: stroke-dashoffset 1.8s var(--mc-ease-out);\r\n  filter: drop-shadow(0 0 8px var(--mc-silver-glow));\r\n}\r\n\r\n.intro-metric.visible .ring-fill {\r\n  stroke-dashoffset: 0;\r\n}\r\n\r\n.ring-value {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: .8rem;\r\n  font-weight: 600;\r\n  color: var(--mc-silver-bright);\r\n}\r\n\r\n.metric-content { flex: 1; }\r\n\r\n.metric-value {\r\n  display: block;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: var(--mc-silver-bright);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.metric-desc {\r\n  display: block;\r\n  font-size: .8rem;\r\n  color: var(--mc-text-muted);\r\n}\r\n\r\n\/* ===== TIMELINE ===== *\/\r\n.timeline-container {\r\n  position: relative;\r\n  margin-top: 60px;\r\n  padding-left: 60px;\r\n}\r\n\r\n.timeline-track {\r\n  position: absolute;\r\n  left: 20px;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 2px;\r\n  background: rgba(200,205,216,.1);\r\n}\r\n\r\n.timeline-progress {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 0;\r\n  background: var(--mc-silver-gradient);\r\n  transition: height 1s var(--mc-ease-out);\r\n  box-shadow: 0 0 20px var(--mc-silver-glow);\r\n}\r\n\r\n.timeline-story {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n}\r\n\r\n.story-block {\r\n  display: flex;\r\n  gap: 32px;\r\n  position: relative;\r\n}\r\n\r\n.story-node {\r\n  position: absolute;\r\n  left: -52px;\r\n  top: 8px;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.node-ring {\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 2px solid var(--mc-silver);\r\n  border-radius: 50%;\r\n  opacity: .3;\r\n  transition: all .4s ease;\r\n}\r\n\r\n.node-dot {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 8px;\r\n  height: 8px;\r\n  background: var(--mc-silver);\r\n  border-radius: 50%;\r\n  transform: translate(-50%, -50%);\r\n  transition: all .4s ease;\r\n}\r\n\r\n.story-block:hover .node-ring {\r\n  opacity: 1;\r\n  transform: scale(1.3);\r\n  border-color: var(--mc-silver-bright);\r\n}\r\n\r\n.story-block:hover .node-dot {\r\n  background: var(--mc-silver-bright);\r\n  box-shadow: 0 0 20px var(--mc-silver-glow);\r\n}\r\n\r\n.story-content {\r\n  flex: 1;\r\n  padding: 28px 32px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 16px;\r\n  transition: all .4s var(--mc-ease);\r\n}\r\n\r\n.story-content:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateX(8px);\r\n}\r\n\r\n.story-year {\r\n  display: inline-block;\r\n  font-size: .7rem;\r\n  padding: 6px 14px;\r\n  background: rgba(200,205,216,.08);\r\n  border: 1px solid rgba(200,205,216,.15);\r\n  border-radius: 100px;\r\n  color: var(--mc-silver);\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.story-content h3 {\r\n  font-size: 1.2rem;\r\n  margin-bottom: 12px;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.story-content p {\r\n  font-size: .9rem;\r\n  line-height: 1.7;\r\n  color: #9ca3b4;\r\n}\r\n\r\n\/* ===== BELIEF CARDS ===== *\/\r\n.mc-grid-beliefs {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n  gap: 28px;\r\n  padding-top: 0;\r\n  padding-bottom: 80px;\r\n}\r\n\r\n.belief-card {\r\n  padding: 36px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all .5s var(--mc-ease);\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n.belief-card:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateY(-8px) rotateX(2deg) rotateY(-2deg);\r\n  box-shadow: \r\n    0 30px 60px rgba(0,0,0,.4),\r\n    0 0 40px rgba(200,205,216,.1);\r\n}\r\n\r\n.card-shine {\r\n  position: absolute;\r\n  top: -100%;\r\n  left: -100%;\r\n  width: 300%;\r\n  height: 300%;\r\n  background: conic-gradient(from 180deg, transparent, rgba(255,255,255,.1), transparent 30%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n  animation: cardShine 4s linear infinite paused;\r\n}\r\n\r\n.belief-card:hover .card-shine {\r\n  opacity: 1;\r\n  animation-play-state: running;\r\n}\r\n\r\n@keyframes cardShine {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.card-border {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 20px;\r\n  padding: 1px;\r\n  background: linear-gradient(135deg, transparent, rgba(200,205,216,.3), transparent);\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.belief-card:hover .card-border {\r\n  opacity: 1;\r\n}\r\n\r\n.belief-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(200,205,216,.08);\r\n  border: 1px solid rgba(200,205,216,.15);\r\n  border-radius: 14px;\r\n  color: var(--mc-silver);\r\n  margin-bottom: 24px;\r\n  transition: all .4s ease;\r\n}\r\n\r\n.belief-card:hover .belief-icon {\r\n  background: rgba(200,205,216,.15);\r\n  border-color: var(--mc-silver);\r\n  box-shadow: 0 0 30px rgba(200,205,216,.2);\r\n  transform: scale(1.1);\r\n}\r\n\r\n.belief-card p {\r\n  color: #9ca3b4;\r\n  line-height: 1.7;\r\n  margin-bottom: 24px;\r\n  font-size: .9rem;\r\n}\r\n\r\n.belief-stat {\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--mc-border);\r\n}\r\n\r\n.stat-bar-wrap {\r\n  height: 4px;\r\n  background: rgba(200,205,216,.1);\r\n  border-radius: 2px;\r\n  margin-bottom: 12px;\r\n  overflow: visible;\r\n  position: relative;\r\n}\r\n\r\n.stat-bar {\r\n  height: 100%;\r\n  width: 0;\r\n  background: var(--mc-silver-gradient);\r\n  border-radius: 2px;\r\n  transition: width 1.5s var(--mc-ease-out);\r\n  position: relative;\r\n}\r\n\r\n.stat-bar-glow {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 20px;\r\n  height: 20px;\r\n  background: radial-gradient(circle, var(--mc-silver-glow), transparent 70%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.belief-card.visible .stat-bar {\r\n  width: calc(var(--fill, 100) * 1%);\r\n}\r\n\r\n.belief-card.visible .stat-bar-glow {\r\n  opacity: 1;\r\n}\r\n\r\n.belief-stat span {\r\n  font-size: .75rem;\r\n  color: var(--mc-text-muted);\r\n  letter-spacing: .5px;\r\n}\r\n\r\n\/* ===== OPERATION GRID ===== *\/\r\n.operation-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n  gap: 24px;\r\n  margin-top: 60px;\r\n}\r\n\r\n.operation-item {\r\n  padding: 32px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all .4s var(--mc-ease);\r\n}\r\n\r\n.operation-item:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.op-glow {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 150px;\r\n  height: 150px;\r\n  background: radial-gradient(circle, var(--mc-silver-glow), transparent 70%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.operation-item:hover .op-glow {\r\n  opacity: .3;\r\n}\r\n\r\n.op-number {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 20px;\r\n  font-size: 3.5rem;\r\n  font-weight: 700;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  opacity: .08;\r\n  line-height: 1;\r\n}\r\n\r\n.operation-item h4 {\r\n  font-size: 1.1rem;\r\n  margin-bottom: 12px;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.operation-item p {\r\n  font-size: .88rem;\r\n  line-height: 1.65;\r\n  color: #9ca3b4;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.operation-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n\r\n.op-tag {\r\n  font-size: .7rem;\r\n  padding: 6px 14px;\r\n  background: rgba(200,205,216,.06);\r\n  border: 1px solid rgba(200,205,216,.12);\r\n  border-radius: 100px;\r\n  color: var(--mc-text-muted);\r\n  letter-spacing: .5px;\r\n  transition: all .3s ease;\r\n}\r\n\r\n.operation-item:hover .op-tag {\r\n  background: rgba(200,205,216,.1);\r\n  border-color: rgba(200,205,216,.2);\r\n}\r\n\r\n\/* ===== GEOGRAPHY ===== *\/\r\n.geography-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 24px;\r\n  margin-top: 60px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.geo-card {\r\n  padding: 32px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all .5s var(--mc-ease);\r\n}\r\n\r\n.geo-card.headquarters {\r\n  background: linear-gradient(135deg, rgba(200,205,216,.06), rgba(200,205,216,.02));\r\n  border: 1px solid rgba(200,205,216,.2);\r\n}\r\n\r\n.geo-card.primary {\r\n  background: rgba(255,255,255,.025);\r\n  border: 1px solid rgba(200,205,216,.12);\r\n}\r\n\r\n.geo-card.emerging {\r\n  opacity: .8;\r\n}\r\n\r\n.geo-card:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateY(-8px) scale(1.02);\r\n  box-shadow: 0 20px 50px rgba(0,0,0,.3);\r\n  opacity: 1;\r\n}\r\n\r\n.geo-shine {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent);\r\n  transition: left .6s ease;\r\n}\r\n\r\n.geo-card:hover .geo-shine {\r\n  left: 100%;\r\n}\r\n\r\n.geo-badge {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  font-size: .65rem;\r\n  padding: 5px 12px;\r\n  background: var(--mc-silver-gradient);\r\n  color: var(--mc-bg);\r\n  border-radius: 100px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.geo-flag {\r\n  font-size: 2.6rem;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.geo-card h4 {\r\n  font-size: 1.2rem;\r\n  margin-bottom: 8px;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.geo-location {\r\n  font-size: .75rem;\r\n  color: var(--mc-silver);\r\n  margin-bottom: 12px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.geo-card > p:last-of-type {\r\n  font-size: .85rem;\r\n  line-height: 1.6;\r\n  color: #8a909f;\r\n}\r\n\r\n.geo-stats {\r\n  display: flex;\r\n  gap: 24px;\r\n  margin-top: 20px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--mc-border);\r\n}\r\n\r\n.geo-stat-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.geo-stat-num {\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.geo-stat-label {\r\n  font-size: .68rem;\r\n  color: var(--mc-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.geo-summary {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n  gap: 24px;\r\n  padding: 40px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 24px;\r\n}\r\n\r\n.summary-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.summary-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(200,205,216,.08);\r\n  border: 1px solid rgba(200,205,216,.15);\r\n  border-radius: 14px;\r\n}\r\n\r\n.summary-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke: var(--mc-silver);\r\n}\r\n\r\n.summary-text { flex: 1; }\r\n\r\n.summary-value {\r\n  display: block;\r\n  font-size: 1.15rem;\r\n  font-weight: 600;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.summary-label {\r\n  display: block;\r\n  font-size: .72rem;\r\n  color: var(--mc-text-muted);\r\n  letter-spacing: .5px;\r\n}\r\n\r\n\/* ===== INDUSTRY EXPERTISE ===== *\/\r\n.industry-expertise {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  margin-top: 60px;\r\n}\r\n\r\n.industry-row {\r\n  display: grid;\r\n  grid-template-columns: 180px 1fr 100px;\r\n  align-items: center;\r\n  gap: 24px;\r\n  padding: 20px 28px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 14px;\r\n  transition: all .4s var(--mc-ease);\r\n}\r\n\r\n.industry-row:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateX(12px);\r\n}\r\n\r\n.industry-name {\r\n  font-size: .88rem;\r\n  color: var(--mc-silver-bright);\r\n  font-weight: 500;\r\n}\r\n\r\n.industry-bar-wrap {\r\n  height: 6px;\r\n  background: rgba(200,205,216,.08);\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.industry-bar {\r\n  height: 100%;\r\n  width: 0;\r\n  background: var(--mc-silver-gradient);\r\n  border-radius: 3px;\r\n  transition: width 1.2s var(--mc-ease-out);\r\n  position: relative;\r\n}\r\n\r\n.industry-bar::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 12px;\r\n  height: 12px;\r\n  background: radial-gradient(circle, var(--mc-silver-bright), transparent 70%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.industry-row.visible .industry-bar {\r\n  width: calc(var(--width, 0) * 1%);\r\n}\r\n\r\n.industry-row.visible .industry-bar::after {\r\n  opacity: 1;\r\n}\r\n\r\n.industry-count {\r\n  font-size: .8rem;\r\n  color: var(--mc-text-muted);\r\n  text-align: right;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\/* ===== TRACK RECORD ===== *\/\r\n.track-record-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n  gap: 20px;\r\n  margin-top: 60px;\r\n}\r\n\r\n.track-stat {\r\n  text-align: center;\r\n  padding: 36px 20px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all .5s var(--mc-ease);\r\n}\r\n\r\n.track-stat:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 20px 50px rgba(0,0,0,.3);\r\n}\r\n\r\n.track-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 100px;\r\n  height: 100px;\r\n  background: radial-gradient(circle, var(--mc-silver-glow), transparent 70%);\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n.track-stat:hover .track-glow {\r\n  opacity: .5;\r\n}\r\n\r\n.track-number {\r\n  font-size: 2.4rem;\r\n  font-weight: 700;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 8px;\r\n  font-variant-numeric: tabular-nums;\r\n  position: relative;\r\n}\r\n\r\n.track-label {\r\n  font-size: .82rem;\r\n  color: var(--mc-silver-bright);\r\n  margin-bottom: 6px;\r\n  font-weight: 500;\r\n}\r\n\r\n.track-detail {\r\n  font-size: .7rem;\r\n  color: var(--mc-text-muted);\r\n  letter-spacing: .5px;\r\n}\r\n\r\n\/* ===== DIFFERENTIATORS ===== *\/\r\n.differentiator-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 20px;\r\n  margin-top: 60px;\r\n}\r\n\r\n.diff-card {\r\n  padding: 28px 32px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 16px;\r\n  position: relative;\r\n  transition: all .4s var(--mc-ease);\r\n}\r\n\r\n.diff-card:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-border-hover);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.diff-icon {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 28px;\r\n  height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(200,205,216,.08);\r\n  color: var(--mc-silver);\r\n  border-radius: 6px;\r\n  font-weight: 400;\r\n  font-size: .8rem;\r\n}\r\n\r\n.diff-card h4 {\r\n  font-size: 1rem;\r\n  margin-bottom: 10px;\r\n  padding-right: 40px;\r\n  background: var(--mc-silver-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.diff-card p {\r\n  font-size: .85rem;\r\n  line-height: 1.6;\r\n  color: #8a909f;\r\n}\r\n\r\n\/* ===== CTA ===== *\/\r\n.mc-cta {\r\n  text-align: center;\r\n  padding: 100px 48px;\r\n  background: var(--mc-bg-card);\r\n  border: 1px solid var(--mc-border);\r\n  border-radius: 32px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cta-orbs {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cta-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  opacity: .15;\r\n  animation: ctaFloat 15s ease-in-out infinite;\r\n}\r\n\r\n.cta-orb-1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  background: var(--mc-silver);\r\n  top: -100px;\r\n  left: -100px;\r\n}\r\n\r\n.cta-orb-2 {\r\n  width: 300px;\r\n  height: 300px;\r\n  background: var(--mc-silver-bright);\r\n  bottom: -50px;\r\n  right: -50px;\r\n  animation-delay: -7s;\r\n}\r\n\r\n@keyframes ctaFloat {\r\n  0%, 100% { transform: translate(0, 0); }\r\n  50% { transform: translate(30px, -30px); }\r\n}\r\n\r\n.cta-content {\r\n  max-width: 620px;\r\n  margin: 0 auto 48px;\r\n  position: relative;\r\n}\r\n\r\n.cta-content p {\r\n  font-size: 1.02rem;\r\n  line-height: 1.7;\r\n  color: #b8bcc8;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cta-sub {\r\n  font-size: .9rem;\r\n  color: #8a909f;\r\n}\r\n\r\n.mc-buttons {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 56px;\r\n  position: relative;\r\n}\r\n\r\n.mc-buttons a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 18px 36px;\r\n  border-radius: 100px;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  font-size: .9rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all .4s var(--mc-ease);\r\n}\r\n\r\n.mc-buttons a svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform .3s ease;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.btn-primary {\r\n  background: transparent;\r\n  color: var(--mc-bg);\r\n}\r\n\r\n.btn-primary .btn-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--mc-silver-gradient);\r\n  border-radius: 100px;\r\n  transition: transform .4s var(--mc-ease);\r\n}\r\n\r\n.btn-primary .btn-text {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.btn-primary:hover .btn-bg {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.btn-primary:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.btn-primary:hover {\r\n  box-shadow: 0 0 40px var(--mc-silver-glow);\r\n}\r\n\r\n.btn-secondary {\r\n  background: transparent;\r\n  border: 1px solid var(--mc-border);\r\n  color: var(--mc-silver-bright);\r\n}\r\n\r\n.btn-secondary:hover {\r\n  background: var(--mc-bg-card-hover);\r\n  border-color: var(--mc-silver);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.cta-trust {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 48px;\r\n  flex-wrap: wrap;\r\n  padding-top: 48px;\r\n  border-top: 1px solid var(--mc-border);\r\n  position: relative;\r\n}\r\n\r\n.trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: .85rem;\r\n  color: #9ca3b4;\r\n}\r\n\r\n.trust-check {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(200,205,216,.1);\r\n  border-radius: 50%;\r\n}\r\n\r\n.trust-check svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  stroke: var(--mc-silver-bright);\r\n}\r\n\r\n\/* ===== REVEAL ANIMATIONS ===== *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: all 1s var(--mc-ease);\r\n}\r\n\r\n.reveal.visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n\/* ===== MAGNETIC EFFECT (via JS) ===== *\/\r\n.magnetic-wrap {\r\n  transition: transform .3s var(--mc-ease-out);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 900px) {\r\n  .mc-wrap { padding: 100px 24px; }\r\n  \r\n  .hero-stats {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 0;\r\n  }\r\n  \r\n  .stat-line:nth-child(2) { display: none; }\r\n  \r\n  .mc-grid-beliefs { grid-template-columns: 1fr; }\r\n  .operation-grid { grid-template-columns: 1fr; }\r\n  .geography-grid { grid-template-columns: 1fr; }\r\n  .geo-summary { grid-template-columns: 1fr; padding: 28px; }\r\n  \r\n  .industry-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n  \r\n  .track-record-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .differentiator-grid { grid-template-columns: 1fr; }\r\n  \r\n  .mc-buttons { flex-direction: column; align-items: stretch; }\r\n  .mc-buttons a { justify-content: center; }\r\n  \r\n  .cta-trust { flex-direction: column; gap: 16px; align-items: center; }\r\n  \r\n  .timeline-container { padding-left: 40px; }\r\n  .story-node { left: -32px; }\r\n  \r\n  .cursor-glow { display: none; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero-stats { grid-template-columns: 1fr; }\r\n  .track-record-grid { grid-template-columns: 1fr; }\r\n  .scroll-indicator { display: none; }\r\n}\r\n<\/style>\r\n\r\n<!-- SVG Gradients -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\">\r\n  <defs>\r\n    <linearGradient id=\"silverGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n      <stop offset=\"0%\" style=\"stop-color:#f0f2f7\"\/>\r\n      <stop offset=\"50%\" style=\"stop-color:#c8cdd8\"\/>\r\n      <stop offset=\"100%\" style=\"stop-color:#9ca3b4\"\/>\r\n    <\/linearGradient>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<script>\r\n\/* ===== INTERACTIVE PARTICLE CANVAS ===== *\/\r\n(function() {\r\n  const canvas = document.getElementById('mc-about-canvas');\r\n  const ctx = canvas.getContext('2d');\r\n  let mouseX = 0, mouseY = 0;\r\n  \r\n  function resize() {\r\n    canvas.width = window.innerWidth;\r\n    canvas.height = document.body.scrollHeight;\r\n  }\r\n  resize();\r\n  window.addEventListener('resize', resize);\r\n\r\n  const particles = [...Array(80)].map(() => ({\r\n    x: Math.random() * canvas.width,\r\n    y: Math.random() * canvas.height,\r\n    vx: (Math.random() - .5) * .25,\r\n    vy: (Math.random() - .5) * .25,\r\n    size: Math.random() * 2 + .5,\r\n    brightness: Math.random() * .5 + .5\r\n  }));\r\n\r\n  document.addEventListener('mousemove', (e) => {\r\n    mouseX = e.clientX;\r\n    mouseY = e.clientY + window.scrollY;\r\n  });\r\n\r\n  function draw() {\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    \r\n    particles.forEach((p, i) => {\r\n      \/\/ Mouse attraction\r\n      const dx = mouseX - p.x;\r\n      const dy = mouseY - p.y;\r\n      const dist = Math.sqrt(dx * dx + dy * dy);\r\n      if (dist < 200) {\r\n        p.vx += dx * .00005;\r\n        p.vy += dy * .00005;\r\n      }\r\n      \r\n      \/\/ Draw connections\r\n      particles.slice(i + 1).forEach(p2 => {\r\n        const d = Math.hypot(p.x - p2.x, p.y - p2.y);\r\n        if (d < 150) {\r\n          const alpha = .12 * (1 - d\/150);\r\n          ctx.strokeStyle = `rgba(200,205,216,${alpha})`;\r\n          ctx.lineWidth = .8;\r\n          ctx.beginPath();\r\n          ctx.moveTo(p.x, p.y);\r\n          ctx.lineTo(p2.x, p2.y);\r\n          ctx.stroke();\r\n        }\r\n      });\r\n      \r\n      \/\/ Update\r\n      p.x += p.vx;\r\n      p.y += p.vy;\r\n      p.vx *= .99;\r\n      p.vy *= .99;\r\n      \r\n      \/\/ Bounce\r\n      if (p.x < 0 || p.x > canvas.width) p.vx *= -1;\r\n      if (p.y < 0 || p.y > canvas.height) p.vy *= -1;\r\n      \r\n      \/\/ Draw\r\n      const gradient = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.size * 2);\r\n      gradient.addColorStop(0, `rgba(200,205,216,${.6 * p.brightness})`);\r\n      gradient.addColorStop(1, 'transparent');\r\n      ctx.fillStyle = gradient;\r\n      ctx.beginPath();\r\n      ctx.arc(p.x, p.y, p.size * 2, 0, Math.PI * 2);\r\n      ctx.fill();\r\n    });\r\n    \r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n\r\n\/* ===== CURSOR GLOW ===== *\/\r\nconst cursorGlow = document.querySelector('.cursor-glow');\r\ndocument.addEventListener('mousemove', (e) => {\r\n  cursorGlow.style.left = e.clientX + 'px';\r\n  cursorGlow.style.top = e.clientY + 'px';\r\n});\r\n\r\n\/* ===== COUNTER ANIMATION ===== *\/\r\nfunction animateCounter(el) {\r\n  const target = parseFloat(el.dataset.count);\r\n  const isDecimal = el.dataset.decimal === 'true';\r\n  const suffix = el.dataset.suffix || '';\r\n  const prefix = el.dataset.prefix || '';\r\n  const duration = 2200;\r\n  const start = performance.now();\r\n  \r\n  function easeOutExpo(t) {\r\n    return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\r\n  }\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 eased = easeOutExpo(progress);\r\n    const current = eased * target;\r\n    \r\n    if (isDecimal) {\r\n      el.textContent = prefix + current.toFixed(2) + suffix;\r\n    } else {\r\n      el.textContent = prefix + Math.floor(current) + suffix;\r\n    }\r\n    \r\n    if (progress < 1) {\r\n      requestAnimationFrame(update);\r\n    } else {\r\n      el.textContent = prefix + (isDecimal ? target.toFixed(2) : target) + suffix;\r\n    }\r\n  }\r\n  \r\n  requestAnimationFrame(update);\r\n}\r\n\r\n\/* ===== HERO STATS ANIMATION ===== *\/\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const heroStats = document.querySelectorAll('.hero-stat[data-animate]');\r\n  \r\n  setTimeout(() => {\r\n    heroStats.forEach((stat, index) => {\r\n      setTimeout(() => {\r\n        stat.classList.add('animated');\r\n        const counter = stat.querySelector('[data-count]');\r\n        if (counter) animateCounter(counter);\r\n      }, index * 200);\r\n    });\r\n  }, 1000);\r\n});\r\n\r\n\/* ===== INTERSECTION OBSERVER ===== *\/\r\nconst observerOptions = { threshold: 0.1, rootMargin: '0px 0px -80px 0px' };\r\n\r\nconst revealObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n      \r\n      \/\/ Counters\r\n      entry.target.querySelectorAll('.track-number[data-count], .geo-stat-num[data-count], .industry-count [data-count]').forEach(el => {\r\n        if (!el.classList.contains('counted')) {\r\n          el.classList.add('counted');\r\n          animateCounter(el);\r\n        }\r\n      });\r\n      \r\n      \/\/ Belief cards\r\n      entry.target.querySelectorAll('.belief-card').forEach((card, i) => {\r\n        setTimeout(() => {\r\n          card.classList.add('visible');\r\n          const bar = card.querySelector('.stat-bar');\r\n          if (bar) bar.style.setProperty('--fill', bar.dataset.fill);\r\n        }, i * 120);\r\n      });\r\n      \r\n      \/\/ Industry bars\r\n      entry.target.querySelectorAll('.industry-row').forEach((row, i) => {\r\n        setTimeout(() => {\r\n          row.classList.add('visible');\r\n          const bar = row.querySelector('.industry-bar');\r\n          if (bar) bar.style.setProperty('--width', bar.dataset.width);\r\n        }, i * 100);\r\n      });\r\n      \r\n      \/\/ Metric rings\r\n      entry.target.querySelectorAll('.intro-metric').forEach((metric, i) => {\r\n        setTimeout(() => metric.classList.add('visible'), i * 200);\r\n      });\r\n      \r\n      \/\/ Timeline progress\r\n      const timeline = entry.target.querySelector('.timeline-progress');\r\n      if (timeline) {\r\n        setTimeout(() => timeline.style.height = '100%', 300);\r\n      }\r\n    }\r\n  });\r\n}, observerOptions);\r\n\r\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n\/* ===== MAGNETIC EFFECT ===== *\/\r\ndocument.querySelectorAll('.magnetic-wrap').forEach(el => {\r\n  el.addEventListener('mousemove', (e) => {\r\n    const rect = el.getBoundingClientRect();\r\n    const x = e.clientX - rect.left - rect.width \/ 2;\r\n    const y = e.clientY - rect.top - rect.height \/ 2;\r\n    el.style.transform = `translate(${x * .1}px, ${y * .1}px)`;\r\n  });\r\n  \r\n  el.addEventListener('mouseleave', () => {\r\n    el.style.transform = '';\r\n  });\r\n});\r\n\r\n\/* ===== TILT EFFECT ===== *\/\r\ndocument.querySelectorAll('[data-tilt]').forEach(card => {\r\n  card.addEventListener('mousemove', (e) => {\r\n    const rect = card.getBoundingClientRect();\r\n    const x = (e.clientX - rect.left) \/ rect.width;\r\n    const y = (e.clientY - rect.top) \/ rect.height;\r\n    const tiltX = (y - .5) * 10;\r\n    const tiltY = (x - .5) * -10;\r\n    card.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) translateY(-8px)`;\r\n  });\r\n  \r\n  card.addEventListener('mouseleave', () => {\r\n    card.style.transform = '';\r\n  });\r\n});\r\n\r\n\/* ===== PARALLAX ON SCROLL ===== *\/\r\nwindow.addEventListener('scroll', () => {\r\n  const scrollY = window.scrollY;\r\n  document.querySelectorAll('.hero-orb').forEach((orb, i) => {\r\n    const speed = .1 + i * .05;\r\n    orb.style.transform = `translateY(${scrollY * speed}px)`;\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>About May Creatives A Private Digital Infrastructure Firm May Creatives operates at the intersection of strategy, engineering, and systems design [&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-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/72","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=72"}],"version-history":[{"count":19,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/350"}],"wp:attachment":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}