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