<style>
  body {
    background: #050505 !important;
  }

  .entry-title,
  .wp-block-post-title,
  header.entry-header,
  .page-title {
    display: none !important;
  }

  .entry-content,
  .wp-block-post-content {
    margin-top: 0 !important;
  }

  .ms-page {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #050505;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
  }

  .ms-page * {
    box-sizing: border-box;
  }

  .ms-section {
    padding: 90px 7%;
    position: relative;
  }

  .ms-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background:
      radial-gradient(circle at 20% 20%, rgba(201, 168, 106, 0.18), transparent 32%),
      radial-gradient(circle at 80% 25%, rgba(70, 110, 255, 0.16), transparent 34%),
      linear-gradient(135deg, #050505 0%, #101010 55%, #030303 100%);
  }

  .ms-hero-inner {
    max-width: 1180px;
    margin: auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
  }

  .ms-eyebrow {
    color: #c9a86a;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 22px;
  }

  .ms-title {
    font-size: clamp(48px, 7vw, 96px);
    line-height: 0.95;
    font-weight: 500;
    letter-spacing: -4px;
    margin: 0 0 28px;
    color: #ffffff;
  }

  .ms-subtitle {
    font-size: clamp(18px, 2vw, 26px);
    line-height: 1.45;
    color: #d7d7d7;
    max-width: 760px;
    margin-bottom: 38px;
  }

  .ms-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .ms-btn {
    display: inline-block;
    padding: 16px 26px;
    border-radius: 999px;
    text-decoration: none !important;
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: 0.25s;
  }

  .ms-btn-primary {
    background: #ffffff;
    color: #000000 !important;
  }

  .ms-btn-secondary {
    border: 1px solid rgba(255,255,255,0.28);
    color: #ffffff !important;
  }

  .ms-btn:hover {
    transform: translateY(-2px);
    opacity: 0.85;
  }

  .ms-visual {
    min-height: 520px;
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,0.12);
    background:
      linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.02)),
      radial-gradient(circle at 50% 20%, rgba(201,168,106,0.3), transparent 30%),
      linear-gradient(160deg, #141414, #050505);
    box-shadow: 0 40px 120px rgba(0,0,0,0.7);
    position: relative;
    overflow: hidden;
  }

  .ms-visual:before {
    content: "";
    position: absolute;
    inset: 50px;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.12);
    background:
      linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);
    transform: skewY(-6deg);
  }

  .ms-visual:after {
    content: "MIX SENSE";
    position: absolute;
    bottom: 34px;
    left: 34px;
    color: rgba(255,255,255,0.22);
    letter-spacing: 8px;
    font-size: 13px;
  }

  .ms-dark {
    background: #050505;
  }

  .ms-soft {
    background: linear-gradient(180deg, #050505 0%, #0d0d0d 100%);
  }

  .ms-grid-2 {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;
    align-items: center;
    max-width: 1180px;
    margin: auto;
  }

  .ms-h2 {
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
    letter-spacing: -2px;
    margin: 0 0 24px;
    font-weight: 500;
    color: #ffffff;
  }

  .ms-p {
    color: #cfcfcf;
    font-size: 18px;
    line-height: 1.75;
    margin: 0 0 22px;
  }

  .ms-card {
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.035);
    border-radius: 26px;
    padding: 30px;
  }

  .ms-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 1180px;
    margin: 40px auto 0;
  }

  .ms-stat {
    border: 1px solid rgba(255,255,255,0.1);
    padding: 28px;
    border-radius: 22px;
    background: rgba(255,255,255,0.035);
  }

  .ms-stat strong {
    display: block;
    font-size: 34px;
    color: #ffffff;
    margin-bottom: 8px;
    font-weight: 500;
  }

  .ms-stat span {
    color: #bdbdbd;
    font-size: 14px;
  }

  .ms-zone-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    max-width: 1180px;
    margin: 45px auto 0;
  }

  .ms-zone {
    min-height: 170px;
    border-radius: 24px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,0.11);
    background:
      radial-gradient(circle at top right, rgba(201,168,106,0.14), transparent 35%),
      rgba(255,255,255,0.035);
  }

  .ms-zone small {
    color: #c9a86a;
    display: block;
    margin-bottom: 16px;
    letter-spacing: 2px;
  }

  .ms-zone h3 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #ffffff;
  }

  .ms-zone p {
    margin: 0;
    color: #bfbfbf;
    font-size: 14px;
    line-height: 1.5;
  }

  .ms-industries {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 1040px;
    margin: 35px auto 0;
    justify-content: center;
  }

  .ms-chip {
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 999px;
    padding: 14px 20px;
    color: #e8e8e8;
    background: rgba(255,255,255,0.035);
  }

  .ms-center {
    text-align: center;
    max-width: 980px;
    margin: auto;
  }

  .ms-journey {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    max-width: 1180px;
    margin: 45px auto 0;
  }

  .ms-step {
    padding: 26px;
    border-radius: 22px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.1);
  }

  .ms-step b {
    display: block;
    color: #c9a86a;
    margin-bottom: 14px;
  }

  .ms-step h3 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #ffffff;
  }

  .ms-step p {
    color: #bfbfbf;
    line-height: 1.55;
    margin: 0;
    font-size: 14px;
  }

  .ms-cta {
    padding: 120px 7%;
    text-align: center;
    background:
      radial-gradient(circle at center, rgba(201,168,106,0.22), transparent 32%),
      linear-gradient(180deg, #0d0d0d 0%, #050505 100%);
  }

  .ms-cta h2 {
    font-size: clamp(40px, 6vw, 82px);
    line-height: 1;
    letter-spacing: -3px;
    margin: 0 auto 24px;
    max-width: 950px;
    font-weight: 500;
    color: #ffffff;
  }

  .ms-cta p {
    color: #d0d0d0;
    font-size: 20px;
    line-height: 1.6;
    max-width: 780px;
    margin: 0 auto 35px;
  }

  .ms-footer {
    padding: 35px 7%;
    border-top: 1px solid rgba(255,255,255,0.1);
    color: #999;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    background: #050505;
  }

  @media (max-width: 900px) {
    .ms-hero-inner,
    .ms-grid-2 {
      grid-template-columns: 1fr;
    }

    .ms-visual {
      min-height: 340px;
    }

    .ms-stat-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .ms-zone-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .ms-journey {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 520px) {
    .ms-section {
      padding: 70px 6%;
    }

    .ms-stat-grid,
    .ms-zone-grid {
      grid-template-columns: 1fr;
    }

    .ms-title {
      letter-spacing: -2px;
    }
  }
</style>

<div class="ms-page">

  <section class="ms-section ms-hero">
    <div class="ms-hero-inner">
      <div>
        <div class="ms-eyebrow">Boulevard City Riyadh · A+ Brand Experience</div>
        <h1 class="ms-title">The Future of Brand Experiences Starts Here</h1>
        <p class="ms-subtitle">
          Mix Sense is the first immersive emotional platform where brands are experienced not advertised
        </p>
        <div class="ms-buttons">
          <a class="ms-btn ms-btn-primary" href="mailto:sales@mix-sense.com?subject=Book%20a%20Private%20Presentation%20-%20Mix%20Sense">Book a Private Presentation</a>
          <a class="ms-btn ms-btn-secondary" href="mailto:sales@mix-sense.com?subject=Request%20Company%20Profile%20-%20Mix%20Sense">Request Company Profile</a>
        </div>
      </div>

      <div class="ms-visual"></div>
    </div>
  </section>

  <section class="ms-section ms-soft">
    <div class="ms-center">
      <div class="ms-eyebrow">Not an event planner · Not a booth · Not advertising</div>
      <h2 class="ms-h2">A premium emotional platform for brands that want to be felt</h2>
      <p class="ms-p">
        Mix Sense transforms a brand story into a physical journey using immersive visuals sound scent lighting hospitality interaction and live presentation
      </p>
    </div>

    <div class="ms-stat-grid">
      <div class="ms-stat">
        <strong>720 sqm</strong>
        <span>Premium immersive area</span>
      </div>
      <div class="ms-stat">
        <strong>10 zones</strong>
        <span>Designed emotional journey</span>
      </div>
      <div class="ms-stat">
        <strong>10 days</strong>
        <span>Per brand activation</span>
      </div>
      <div class="ms-stat">
        <strong>A+</strong>
        <span>Built for leading brands</span>
      </div>
    </div>
  </section>

  <section class="ms-section ms-dark">
    <div class="ms-grid-2">
      <div class="ms-card">
        <div class="ms-eyebrow">The problem</div>
        <h2 class="ms-h2">Traditional marketing is losing attention</h2>
      </div>
      <div>
        <p class="ms-p">
          People skip ads ignore banners forget campaigns and move fast through ordinary brand messages
        </p>
        <p class="ms-p">
          But people remember moments that touch emotion activate the senses and make them feel part of something bigger
        </p>
        <p class="ms-p">
          Mix Sense is built for that shift from attention buying to memory building
        </p>
      </div>
    </div>
  </section>

  <section class="ms-section ms-soft">
    <div class="ms-center">
      <div class="ms-eyebrow">The visitor journey</div>
      <h2 class="ms-h2">From curiosity to emotion to action</h2>
    </div>

    <div class="ms-journey">
      <div class="ms-step">
        <b>01</b>
        <h3>Attract</h3>
        <p>A powerful facade pulls visitors from the Boulevard flow</p>
      </div>
      <div class="ms-step">
        <b>02</b>
        <h3>Prepare</h3>
        <p>Reception and mood setting shift attention into the brand world</p>
      </div>
      <div class="ms-step">
        <b>03</b>
        <h3>Immerse</h3>
        <p>The tunnel gallery and mirror turn the story into a sensory journey</p>
      </div>
      <div class="ms-step">
        <b>04</b>
        <h3>Reveal</h3>
        <p>The product or message appears as a cinematic hero moment</p>
      </div>
      <div class="ms-step">
        <b>05</b>
        <h3>Convert</h3>
        <p>VIP lounge sales point QR capture and direct engagement complete the journey</p>
      </div>
    </div>
  </section>

  <section class="ms-section ms-dark">
    <div class="ms-center">
      <div class="ms-eyebrow">10 immersive zones</div>
      <h2 class="ms-h2">A full brand world not a single display</h2>
      <p class="ms-p">
        Every zone has one job move the visitor deeper into the brand emotionally and commercially
      </p>
    </div>

    <div class="ms-zone-grid">
      <div class="ms-zone"><small>01</small><h3>Aurora Facade</h3><p>A premium exterior attraction moment</p></div>
      <div class="ms-zone"><small>02</small><h3>Reception</h3><p>Calm entry and brand mood preparation</p></div>
      <div class="ms-zone"><small>03</small><h3>Immersive Tunnel</h3><p>A deep sensory passage into the brand universe</p></div>
      <div class="ms-zone"><small>04</small><h3>Legacy Gallery</h3><p>Heritage story products and milestones</p></div>
      <div class="ms-zone"><small>05</small><h3>Interactive Mirror</h3><p>Personal interaction and identity transformation</p></div>
      <div class="ms-zone"><small>06</small><h3>Spotlight Platform</h3><p>Hero product reveal and premium explanation</p></div>
      <div class="ms-zone"><small>07</small><h3>Sensory Café</h3><p>Taste scent hospitality and social connection</p></div>
      <div class="ms-zone"><small>08</small><h3>Main Stage</h3><p>Launch moment audience impact and live energy</p></div>
      <div class="ms-zone"><small>09</small><h3>VIP Lounge</h3><p>Executive hospitality protocol and relationship building</p></div>
      <div class="ms-zone"><small>10</small><h3>Sales Point</h3><p>Lead capture purchase action and conversion</p></div>
    </div>
  </section>

  <section class="ms-section ms-soft">
    <div class="ms-center">
      <div class="ms-eyebrow">Built for premium sectors</div>
      <h2 class="ms-h2">One platform different emotional worlds</h2>
      <p class="ms-p">
        Each activation is customized around the sector brand message product and desired business outcome
      </p>
    </div>

    <div class="ms-industries">
      <span class="ms-chip">Automotive</span>
      <span class="ms-chip">Airlines</span>
      <span class="ms-chip">Government</span>
      <span class="ms-chip">Technology</span>
      <span class="ms-chip">Banking</span>
      <span class="ms-chip">Luxury</span>
      <span class="ms-chip">Perfumes</span>
      <span class="ms-chip">Hospitality</span>
      <span class="ms-chip">Food & Beverage</span>
      <span class="ms-chip">Real Estate</span>
    </div>
  </section>

  <section class="ms-section ms-dark">
    <div class="ms-grid-2">
      <div>
        <div class="ms-eyebrow">Why A+ brands choose Mix Sense</div>
        <h2 class="ms-h2">Because attention is no longer enough</h2>
      </div>
      <div>
        <p class="ms-p">
          A+ brands do not need more noise They need a place where their story becomes a premium memory people can feel photograph share and act on
        </p>
        <p class="ms-p">
          Mix Sense gives brands a rare combination of location exclusivity experience design emotional depth and business conversion inside Boulevard City Riyadh
        </p>
      </div>
    </div>
  </section>

  <section class="ms-section ms-soft">
    <div class="ms-center">
      <div class="ms-eyebrow">Boulevard City Riyadh</div>
      <h2 class="ms-h2">A high attention destination for ambitious brands</h2>
      <p class="ms-p">
        Located in one of Riyadh most powerful entertainment and visitor destinations Mix Sense is designed to meet audiences where energy curiosity and decision making already exist
      </p>
    </div>
  </section>

  <section class="ms-cta">
    <h2>Ready to own your category before everyone else</h2>
    <p>
      Book a private presentation and see how your brand can become a complete emotional experience inside Mix Sense
    </p>
    <div class="ms-buttons" style="justify-content:center;">
      <a class="ms-btn ms-btn-primary" href="mailto:sales@mix-sense.com?subject=Book%20a%20Private%20Presentation%20-%20Mix%20Sense">Book a Private Presentation</a>
      <a class="ms-btn ms-btn-secondary" href="mailto:sales@mix-sense.com?subject=Request%20Company%20Profile%20-%20Mix%20Sense">Request Company Profile</a>
    </div>
  </section>

  <footer class="ms-footer">
    <div>Mix Sense · Boulevard City Riyadh</div>
    <div>sales@mix-sense.com</div>
  </footer>

</div>