@layer reset, tokens, layout, components, utilities;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  body { margin: 0; }
  img { max-width: 100%; display: block; }
  ul { list-style: none; margin: 0; padding: 0; }
  a { text-decoration: none; color: inherit; }
  button { font: inherit; border: none; background: none; cursor: pointer; }
  input, textarea { font: inherit; }
  h1, h2, h3, h4, p { margin: 0; }
}

@layer tokens {
  :root {
    --mxi-ink: #211f2e;
    --mxi-ink-soft: #524f68;
    --mxi-ink-faint: #8a87a0;
    --mxi-paper: #faf8f4;
    --mxi-surface: #ffffff;
    --mxi-surface-tint: #f4f1fb;
    --mxi-border: rgba(33, 31, 46, 0.09);

    --mxi-primary: #4f46e5;
    --mxi-primary-dark: #362f9e;
    --mxi-primary-light: #a5b4fc;
    --mxi-teal: #0f9488;
    --mxi-coral: #fb7185;
    --mxi-amber: #f0a020;

    --mxi-font-head: "Vollkorn", Georgia, serif;
    --mxi-font-body: "Work Sans", -apple-system, sans-serif;

    --mxi-radius-sm: 10px;
    --mxi-radius-md: 16px;
    --mxi-radius-lg: 24px;
    --mxi-radius-xl: 32px;
    --mxi-radius-pill: 999px;

    --mxi-shadow-sm: 0 1px 2px rgba(33,31,46,.07), 0 1px 1px rgba(33,31,46,.05);
    --mxi-shadow-md: 0 10px 24px -10px rgba(33,31,46,.22), 0 3px 8px -2px rgba(33,31,46,.10);
    --mxi-shadow-lg: 0 28px 56px -16px rgba(33,31,46,.28), 0 10px 20px -6px rgba(33,31,46,.14);
    --mxi-shadow-glow: 0 0 0 1px rgba(79,70,229,.10), 0 24px 48px -14px rgba(79,70,229,.30);

    --mxi-section-pad: clamp(3.5rem, 6vw, 6.5rem);
  }
}

@layer layout {
  body {
    font-family: var(--mxi-font-body);
    color: var(--mxi-ink);
    background: var(--mxi-paper);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
  }
  h1, h2, h3, h4 { font-family: var(--mxi-font-head); color: var(--mxi-ink); line-height: 1.2; font-weight: 700; }
  h2 { font-size: clamp(1.9rem, 3vw, 2.7rem); margin-bottom: 0.9rem; }
  h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); margin-bottom: 0.5rem; }
  p { color: var(--mxi-ink-soft); }
  .mxi-container { max-width: 1220px; margin: 0 auto; padding: 0 1.5rem; }
  section { position: relative; }
}

@layer components {

  
  .mxi-mesh-bg {
    background-image:
      radial-gradient(at 12% 18%, rgba(79,70,229,.30) 0, transparent 52%),
      radial-gradient(at 88% 8%, rgba(251,113,133,.26) 0, transparent 48%),
      radial-gradient(at 78% 82%, rgba(15,148,136,.26) 0, transparent 52%),
      radial-gradient(at 18% 88%, rgba(240,160,32,.20) 0, transparent 48%),
      linear-gradient(180deg, #fbf9f5, #f3f0fb);
  }
  .mxi-mesh-bg--alt {
    background-image:
      radial-gradient(at 85% 15%, rgba(15,148,136,.28) 0, transparent 50%),
      radial-gradient(at 10% 20%, rgba(251,113,133,.22) 0, transparent 50%),
      radial-gradient(at 30% 85%, rgba(79,70,229,.26) 0, transparent 52%),
      linear-gradient(180deg, #f4f1fb, #fbf8f4);
  }
  .mxi-mesh-bg--dark {
    background-image:
      radial-gradient(at 20% 20%, rgba(165,180,252,.35) 0, transparent 50%),
      radial-gradient(at 85% 30%, rgba(251,113,133,.30) 0, transparent 50%),
      radial-gradient(at 70% 90%, rgba(15,148,136,.30) 0, transparent 55%),
      linear-gradient(135deg, #362f9e, #4f46e5 60%, #4338ca);
  }
  .mxi-mesh-bg--dark h2, .mxi-mesh-bg--dark p { color: #f3f1fb; }

  
  .mxi-strip {
    height: 14px;
    background: repeating-linear-gradient(-45deg, var(--mxi-primary) 0 14px, var(--mxi-coral) 14px 28px, var(--mxi-teal) 28px 42px, var(--mxi-amber) 42px 56px);
    opacity: .85;
  }
  .mxi-strip--alt {
    background: repeating-linear-gradient(45deg, var(--mxi-teal) 0 14px, var(--mxi-primary) 14px 28px, var(--mxi-coral) 28px 42px);
  }

  
  .mxi-nav-wrap {
    position: sticky; top: 0; z-index: 100;
    padding: 1rem 1.25rem 0;
    transition: transform .4s cubic-bezier(.2,.8,.2,1);
  }
  .mxi-nav-wrap.mxi-nav--hidden { transform: translateY(-130%); }
  .mxi-nav {
    max-width: 1180px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255,255,255,.6);
    border-radius: var(--mxi-radius-pill);
    padding: .6rem .6rem .6rem 1.3rem;
    box-shadow: var(--mxi-shadow-md);
  }
  .mxi-nav__brand { display: flex; align-items: center; gap: .55rem; font-family: var(--mxi-font-head); font-weight: 700; font-size: 1.05rem; }
  .mxi-nav__logo { width: 32px; height: 32px; }
  .mxi-nav__links { display: none; align-items: center; gap: 1.6rem; }
  .mxi-nav__links a { font-size: .93rem; font-weight: 500; color: var(--mxi-ink-soft); position: relative; padding: .4rem 0; transition: color .25s ease; }
  .mxi-nav__links a::after {
    content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0;
    background: linear-gradient(90deg, var(--mxi-primary), var(--mxi-coral));
    transition: width .3s ease;
  }
  .mxi-nav__links a:hover { color: var(--mxi-ink); }
  .mxi-nav__links a:hover::after, .mxi-nav__links a.mxi-active::after { width: 100%; }
  .mxi-nav__links a.mxi-active { color: var(--mxi-primary-dark); font-weight: 600; }
  .mxi-nav__cta {
    display: none;
    background: linear-gradient(135deg, var(--mxi-primary), var(--mxi-primary-dark));
    color: #fff; padding: .65rem 1.3rem; border-radius: var(--mxi-radius-pill);
    font-weight: 600; font-size: .9rem;
    box-shadow: var(--mxi-shadow-sm);
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .mxi-nav__cta:hover { transform: translateY(-2px); box-shadow: var(--mxi-shadow-md); }
  .mxi-nav__burger {
    width: 44px; height: 44px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--mxi-surface-tint); color: var(--mxi-primary-dark);
    font-size: 1.1rem;
    transition: background .25s ease, transform .25s ease;
  }
  .mxi-nav__burger:hover { background: var(--mxi-primary-light); transform: rotate(6deg); }

  @media (min-width: 960px) {
    .mxi-nav__links { display: flex; }
    .mxi-nav__cta { display: inline-block; }
    .mxi-nav__burger { display: none; }
  }

  
  .mxi-tabbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
    display: flex; justify-content: space-around; align-items: center;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(16px);
    border-top: 1px solid var(--mxi-border);
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -8px 28px -10px rgba(33,31,46,.25);
    padding: .5rem .5rem calc(.5rem + env(safe-area-inset-bottom));
    transform: translateY(100%);
    transition: transform .38s cubic-bezier(.2,.8,.2,1);
  }
  .mxi-tabbar.mxi-tabbar--open { transform: translateY(0); }
  .mxi-tabbar__tab {
    display: flex; flex-direction: column; align-items: center; gap: .25rem;
    font-size: .68rem; font-weight: 600; color: var(--mxi-ink-faint);
    padding: .4rem .6rem; border-radius: var(--mxi-radius-md);
    min-width: 56px; min-height: 44px; justify-content: center;
    transition: color .25s ease, background .25s ease, transform .2s ease;
  }
  .mxi-tabbar__tab i { font-size: 1.05rem; }
  .mxi-tabbar__tab:hover { color: var(--mxi-primary); }
  .mxi-tabbar__tab.mxi-active { color: var(--mxi-primary-dark); background: var(--mxi-surface-tint); transform: translateY(-3px); }
  @media (min-width: 960px) { .mxi-tabbar { display: none; } }

  
  .mxi-btn {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: .85rem 1.6rem; border-radius: var(--mxi-radius-pill);
    font-weight: 600; font-size: .95rem;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    min-height: 44px;
  }
  .mxi-btn--primary {
    background: linear-gradient(135deg, var(--mxi-primary), var(--mxi-primary-dark));
    color: #fff; box-shadow: var(--mxi-shadow-sm);
  }
  .mxi-btn--primary:hover { transform: translateY(-3px); box-shadow: var(--mxi-shadow-glow); }
  .mxi-btn--ghost {
    background: var(--mxi-surface); color: var(--mxi-primary-dark);
    border: 1.5px solid var(--mxi-border); box-shadow: var(--mxi-shadow-sm);
  }
  .mxi-btn--ghost:hover { transform: translateY(-3px); border-color: var(--mxi-primary-light); box-shadow: var(--mxi-shadow-md); }
  .mxi-btn--light { background: #fff; color: var(--mxi-primary-dark); box-shadow: var(--mxi-shadow-md); }
  .mxi-btn--light:hover { transform: translateY(-3px); box-shadow: var(--mxi-shadow-lg); }

  .mxi-eyebrow {
    display: inline-flex; align-items: center; gap: .5rem;
    font-size: .85rem; font-weight: 600; color: var(--mxi-primary-dark);
    background: rgba(79,70,229,.09); padding: .4rem 1rem; border-radius: var(--mxi-radius-pill);
    margin-bottom: 1.1rem;
  }

  .mxi-closing { font-size: .95rem; font-style: italic; color: var(--mxi-ink-faint); margin-top: 1.4rem; max-width: 46ch; }

  
  .mxi-hero { padding: calc(var(--mxi-section-pad) + 1rem) 0 8rem; overflow: hidden; }
  .mxi-hero__inner {
    max-width: 1220px; margin: 0 auto; padding: 0 1.5rem;
    display: grid; gap: 2.5rem; align-items: center;
  }
  .mxi-hero__title { font-size: clamp(2.3rem, 5.4vw, 3.9rem); margin-bottom: 1.3rem; }
  .mxi-hero__title .char { display: inline-block; opacity: 0; transform: translateY(36px) rotate(3deg); animation: mxiCharIn .7s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(var(--char-index) * 0.018s + .05s); }
  @keyframes mxiCharIn { to { opacity: 1; transform: none; } }
  .mxi-hero__lead { font-size: 1.08rem; max-width: 52ch; margin-bottom: 1.8rem; }
  .mxi-hero__actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-bottom: 2.4rem; }
  .mxi-hero__stats { display: flex; flex-wrap: wrap; gap: 1.8rem; }
  .mxi-hero__stat { display: flex; flex-direction: column; gap: .15rem; }
  .mxi-hero__stat-value { font-family: var(--mxi-font-head); font-weight: 700; font-size: 1.15rem; color: var(--mxi-primary-dark); }
  .mxi-hero__stat-label { font-size: .8rem; color: var(--mxi-ink-faint); }
  .mxi-hero__media { position: relative; }
  .mxi-hero__image-frame { border-radius: var(--mxi-radius-xl); overflow: hidden; box-shadow: var(--mxi-shadow-lg); }
  .mxi-hero__image { width: 100%; height: clamp(280px, 42vw, 460px); object-fit: cover; }
  .mxi-hero__floating-card {
    position: absolute; left: -1.2rem; bottom: -2.2rem; width: 62%;
    background: rgba(255,255,255,.92); backdrop-filter: blur(10px);
    border-radius: var(--mxi-radius-lg); box-shadow: var(--mxi-shadow-lg);
    overflow: hidden; border: 1px solid rgba(255,255,255,.7);
    animation: mxiFloat 5s ease-in-out infinite;
  }
  .mxi-hero__floating-card img { height: 110px; object-fit: cover; }
  .mxi-hero__floating-text { display: flex; align-items: center; gap: .6rem; padding: .8rem .9rem; font-size: .82rem; font-weight: 600; }
  .mxi-hero__floating-text i { color: var(--mxi-teal); }
  @keyframes mxiFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

  @media (min-width: 860px) {
    .mxi-hero__inner { grid-template-columns: 1fr 55%; }
  }

  
  .mxi-page-hero { padding: calc(var(--mxi-section-pad) + .5rem) 0 6rem; }
  .mxi-page-hero--compact { padding-bottom: 4rem; }
  .mxi-page-hero__inner { display: grid; gap: 2.2rem; align-items: center; }
  .mxi-page-hero h1 { font-size: clamp(2.1rem, 4.6vw, 3.3rem); margin-bottom: 1.1rem; }
  .mxi-page-hero h1 .char { display: inline-block; opacity: 0; transform: translateY(30px); animation: mxiCharIn .6s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(var(--char-index) * 0.016s); }
  .mxi-page-hero__lead { font-size: 1.05rem; max-width: 56ch; }
  .mxi-page-hero__media { border-radius: var(--mxi-radius-xl); overflow: hidden; box-shadow: var(--mxi-shadow-lg); }
  .mxi-page-hero__image { width: 100%; height: clamp(240px, 32vw, 380px); object-fit: cover; }
  @media (min-width: 860px) { .mxi-page-hero__inner { grid-template-columns: 1.1fr 1fr; } }

  
  .mxi-intro { padding: var(--mxi-section-pad) 0 4rem; }
  .mxi-intro__head { max-width: 62ch; margin-bottom: 2.6rem; }
  .mxi-bento { display: grid; gap: 1.2rem; grid-template-columns: 1fr; }
  .mxi-bento__card {
    background: var(--mxi-surface); border-radius: var(--mxi-radius-lg);
    padding: 1.8rem; box-shadow: var(--mxi-shadow-sm); border: 1px solid var(--mxi-border);
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .mxi-bento__card:hover { transform: translateY(-6px); box-shadow: var(--mxi-shadow-md); }
  .mxi-bento__card i { font-size: 1.6rem; color: var(--mxi-primary); margin-bottom: .8rem; display: block; }
  @media (min-width: 720px) {
    .mxi-bento { grid-template-columns: repeat(4, 1fr); }
    .mxi-bento__card--lg { grid-column: span 2; grid-row: span 2; }
    .mxi-bento__card--wide { grid-column: span 2; }
  }

  
  .mxi-approach { padding: 6rem 0; margin-top: -70px; border-radius: var(--mxi-radius-xl) var(--mxi-radius-xl) 0 0; }
  .mxi-approach__grid { display: grid; gap: 2.5rem; align-items: center; }
  .mxi-approach__image { width: 100%; height: 340px; object-fit: cover; border-radius: var(--mxi-radius-lg); box-shadow: var(--mxi-shadow-lg); }
  @media (min-width: 860px) { .mxi-approach__grid { grid-template-columns: 1fr 1fr; } }

  
  .mxi-services { padding: var(--mxi-section-pad) 0; }
  .mxi-services__head { max-width: 60ch; margin-bottom: 2.4rem; }
  .mxi-accordion { display: flex; flex-direction: column; gap: .9rem; }
  .mxi-accordion__item {
    background: var(--mxi-surface); border: 1px solid var(--mxi-border);
    border-radius: var(--mxi-radius-md); overflow: hidden;
    box-shadow: var(--mxi-shadow-sm); transition: box-shadow .3s ease;
  }
  .mxi-accordion__item.is-open { box-shadow: var(--mxi-shadow-md); border-color: var(--mxi-primary-light); }
  .mxi-accordion__trigger {
    width: 100%; display: flex; align-items: center; gap: 1rem;
    padding: 1.15rem 1.3rem; text-align: left; min-height: 44px;
  }
  .mxi-accordion__icon {
    width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: var(--mxi-surface-tint); color: var(--mxi-primary-dark);
  }
  .mxi-accordion__title { flex: 1; font-weight: 600; font-family: var(--mxi-font-head); font-size: 1.05rem; }
  .mxi-accordion__chevron { transition: transform .3s ease; color: var(--mxi-ink-faint); }
  .mxi-accordion__item.is-open .mxi-accordion__chevron { transform: rotate(180deg); color: var(--mxi-primary); }
  .mxi-accordion__panel { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .4s ease; padding: 0 1.3rem; }
  .mxi-accordion__item.is-open .mxi-accordion__panel { max-height: 220px; padding: 0 1.3rem 1.3rem 4.2rem; }

  
  .mxi-bridge { padding: 5rem 0; }
  .mxi-bridge__grid { display: grid; gap: 1.6rem; grid-template-columns: 1fr; }
  .mxi-bridge__grid--single { grid-template-columns: 1fr; max-width: 900px; margin: 0 auto; }
  .mxi-bridge__card {
    background: var(--mxi-surface); border-radius: var(--mxi-radius-lg);
    overflow: hidden; box-shadow: var(--mxi-shadow-md); border: 1px solid var(--mxi-border);
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .mxi-bridge__card:hover { transform: translateY(-5px); box-shadow: var(--mxi-shadow-lg); }
  .mxi-bridge__card img { width: 100%; height: 220px; object-fit: cover; }
  .mxi-bridge__body { padding: 1.6rem; }
  @media (min-width: 760px) { .mxi-bridge__grid { grid-template-columns: 1fr 1fr; } }

  
  .mxi-cta { padding: 5.5rem 0; margin-top: -60px; border-radius: var(--mxi-radius-xl) var(--mxi-radius-xl) 0 0; }
  .mxi-cta__inner { text-align: center; max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.2rem; }
  .mxi-cta h2 { color: #fff; }
  .mxi-cta p { color: rgba(255,255,255,.88); }

  
  .mxi-values { padding: var(--mxi-section-pad) 0; }
  .mxi-values__list { display: grid; gap: 1.6rem; margin-top: 2rem; }
  .mxi-values__item { display: flex; gap: 1.3rem; align-items: flex-start; }
  .mxi-values__num { font-family: var(--mxi-font-head); font-size: 1.8rem; font-weight: 700; color: var(--mxi-primary-light); }
  @media (min-width: 760px) { .mxi-values__list { grid-template-columns: 1fr 1fr; } }

  
  .mxi-story { padding: var(--mxi-section-pad) 0; }
  .mxi-story__grid { display: grid; gap: 2.4rem; }
  @media (min-width: 800px) { .mxi-story__grid { grid-template-columns: 1fr 1fr; } }
  .mxi-story__col p { margin-bottom: 1rem; }

  
  .mxi-topics { padding: var(--mxi-section-pad) 0 3rem; }
  .mxi-topic { display: grid; grid-template-columns: 70px 1fr; gap: 1.4rem; padding: 1.8rem 0; border-bottom: 1px solid var(--mxi-border); }
  .mxi-topic:last-child { border-bottom: none; }
  .mxi-topic__num { font-family: var(--mxi-font-head); font-size: 2.1rem; font-weight: 700; color: var(--mxi-primary-light); }
  .mxi-topic__body h2 { font-size: 1.3rem; margin-bottom: .5rem; }

  
  .mxi-faq { padding: 4rem 0 var(--mxi-section-pad); }
  .mxi-faq__grid { display: grid; gap: 2.4rem; }
  @media (min-width: 800px) { .mxi-faq__grid { grid-template-columns: 1fr 1fr; } }
  .mxi-faq h2 { font-size: 1.35rem; }
  .mxi-faq p { margin-bottom: 1rem; }

  
  .mxi-steps { padding: var(--mxi-section-pad) 0 3rem; }
  .mxi-steps__list { display: flex; flex-direction: column; gap: 1.6rem; margin-top: 2rem; }
  .mxi-steps__item { display: flex; gap: 1.3rem; align-items: flex-start; }
  .mxi-steps__marker {
    width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--mxi-primary), var(--mxi-teal));
    color: #fff; font-family: var(--mxi-font-head); font-weight: 700; box-shadow: var(--mxi-shadow-sm);
  }

  
  .mxi-formats { padding: 5rem 0; margin-top: -60px; border-radius: var(--mxi-radius-xl) var(--mxi-radius-xl) 0 0; }
  .mxi-formats__grid { display: grid; gap: 1.2rem; margin-top: 2rem; }
  .mxi-formats__card {
    background: rgba(255,255,255,.9); backdrop-filter: blur(6px);
    border-radius: var(--mxi-radius-lg); padding: 1.7rem;
    box-shadow: var(--mxi-shadow-sm); transition: transform .3s ease, box-shadow .3s ease;
  }
  .mxi-formats__card:hover { transform: translateY(-6px); box-shadow: var(--mxi-shadow-md); }
  .mxi-formats__card i { font-size: 1.5rem; color: var(--mxi-primary-dark); margin-bottom: .7rem; display: block; }
  @media (min-width: 700px) { .mxi-formats__grid { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1000px) { .mxi-formats__grid { grid-template-columns: repeat(4, 1fr); } }

  
  .mxi-contact-grid { padding: 2rem 0 5rem; }
  .mxi-contact-grid__inner { display: grid; gap: 1.8rem; }
  .mxi-contact-info, .mxi-contact-form-card {
    background: var(--mxi-surface); border-radius: var(--mxi-radius-lg);
    padding: 1.9rem; box-shadow: var(--mxi-shadow-md); border: 1px solid var(--mxi-border);
  }
  .mxi-contact-info ul { display: flex; flex-direction: column; gap: .9rem; margin: 1.2rem 0 1.5rem; }
  .mxi-contact-info li { display: flex; align-items: center; gap: .7rem; }
  .mxi-contact-info i { color: var(--mxi-primary); width: 20px; }
  .mxi-map-frame { border-radius: var(--mxi-radius-md); overflow: hidden; box-shadow: var(--mxi-shadow-sm); }
  @media (min-width: 900px) { .mxi-contact-grid__inner { grid-template-columns: 1fr 1.3fr; } }

  
  .mxi-form-compact__row { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; }
  .mxi-form-compact__field { display: flex; flex-direction: column; gap: .4rem; flex: 1; }
  .mxi-form-compact__field label { font-size: .82rem; font-weight: 600; color: var(--mxi-ink-soft); }
  .mxi-form-compact input[type="text"], .mxi-form-compact input[type="email"], .mxi-form-compact textarea {
    border: 1.5px solid var(--mxi-border); border-radius: var(--mxi-radius-sm);
    padding: .75rem .9rem; background: var(--mxi-surface-tint);
    transition: border-color .25s ease, background .25s ease; resize: vertical; min-height: 44px;
  }
  .mxi-form-compact input:focus, .mxi-form-compact textarea:focus { outline: none; border-color: var(--mxi-primary); background: #fff; }
  .mxi-form-compact__row--actions { flex-direction: column; align-items: stretch; gap: 1.1rem; }
  .mxi-form-compact__privacy { display: flex; align-items: center; gap: .6rem; font-size: .85rem; color: var(--mxi-ink-soft); }
  .mxi-form-compact__privacy input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--mxi-primary); }
  @media (min-width: 760px) {
    .mxi-form-compact__row { flex-direction: row; align-items: flex-end; }
    .mxi-form-compact__row--actions { flex-direction: row; align-items: center; justify-content: space-between; }
  }

  
  .mxi-urgent { padding: 0 0 5rem; }
  .mxi-urgent__inner {
    display: flex; flex-direction: column; gap: 1.4rem; align-items: flex-start;
    background: linear-gradient(120deg, rgba(79,70,229,.09), rgba(251,113,133,.09));
    border: 1px solid var(--mxi-border);
    border-radius: var(--mxi-radius-lg); padding: 2rem;
  }
  .mxi-urgent__icon {
    width: 56px; height: 56px; border-radius: 50%;
    background: linear-gradient(135deg, var(--mxi-coral), var(--mxi-primary));
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
    box-shadow: var(--mxi-shadow-sm);
  }
  .mxi-urgent__inner a { margin-top: .8rem; }
  @media (min-width: 760px) { .mxi-urgent__inner { flex-direction: row; align-items: center; } }

  
  .mxi-legal-main { padding: 3rem 0 5rem; }
  .mxi-legal { max-width: 820px; }
  .mxi-legal__head { margin-bottom: 2.4rem; }
  .mxi-legal__updated { font-size: .85rem; color: var(--mxi-ink-faint); }
  .mxi-legal__section { padding: 1.8rem 0; border-bottom: 1px solid var(--mxi-border); }
  .mxi-legal__section:last-child { border-bottom: none; }
  .mxi-legal__summary {
    display: inline-block; font-weight: 600; color: var(--mxi-primary-dark);
    background: var(--mxi-surface-tint); border-left: 3px solid var(--mxi-primary);
    padding: .8rem 1.1rem; border-radius: var(--mxi-radius-sm); margin-bottom: 1rem; font-size: .95rem;
  }
  .mxi-legal__section h2 { font-size: 1.25rem; margin-bottom: .7rem; }
  .mxi-legal__section p { margin-bottom: .8rem; }

  
  .mxi-thanks-main { min-height: 65vh; display: flex; align-items: center; justify-content: center; padding: 4rem 1.5rem; }
  .mxi-thanks-card {
    background: var(--mxi-surface); border-radius: var(--mxi-radius-xl);
    box-shadow: var(--mxi-shadow-lg); padding: 3rem 2.2rem; max-width: 480px; text-align: center;
    border: 1px solid var(--mxi-border);
  }
  .mxi-thanks-card__icon {
    width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 1.4rem;
    background: linear-gradient(135deg, var(--mxi-primary), var(--mxi-teal));
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.7rem;
    box-shadow: var(--mxi-shadow-md);
  }
  .mxi-thanks-card h1 { font-size: 1.9rem; margin-bottom: .8rem; }
  .mxi-thanks-card p { margin-bottom: 1rem; }
  .mxi-thanks-card .mxi-btn { margin-top: .8rem; }

  
  .mxi-footer {
    margin-top: 4rem;
    background: linear-gradient(160deg, #2a2650, #362f9e 60%, #4f46e5);
    padding: 4rem 0 1.5rem; color: #f3f1fb;
  }
  .mxi-footer__grid { display: grid; gap: 1.2rem; grid-template-columns: 1fr; margin-bottom: 2rem; }
  .mxi-footer__card {
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
    border-radius: var(--mxi-radius-lg); padding: 1.6rem;
    backdrop-filter: blur(6px);
  }
  .mxi-footer__card h4 { color: #fff; font-family: var(--mxi-font-head); margin-bottom: 1rem; font-size: 1.05rem; }
  .mxi-footer__card p { color: rgba(255,255,255,.78); font-size: .92rem; }
  .mxi-footer__card ul { display: flex; flex-direction: column; gap: .6rem; }
  .mxi-footer__card a { color: rgba(255,255,255,.85); font-size: .92rem; transition: color .25s ease; }
  .mxi-footer__card a:hover { color: #fff; }
  .mxi-footer__brand { display: flex; align-items: center; gap: .6rem; font-family: var(--mxi-font-head); font-weight: 700; color: #fff; margin-bottom: 1rem; font-size: 1.05rem; }
  .mxi-footer__brand img { width: 30px; }
  .mxi-footer__contact { gap: .8rem !important; }
  .mxi-footer__contact li { display: flex; align-items: center; gap: .6rem; color: rgba(255,255,255,.85); font-size: .92rem; }
  .mxi-footer__contact i { color: var(--mxi-primary-light); width: 16px; }
  .mxi-footer__bottom { text-align: center; font-size: .8rem; color: rgba(255,255,255,.6); padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.12); }
  @media (min-width: 720px) { .mxi-footer__grid { grid-template-columns: 1.3fr 1fr 1fr 1fr; } }

  
  .mxi-cookie { position: fixed; left: 50%; bottom: 1.4rem; transform: translateX(-50%); z-index: 999; width: min(94vw, 420px); }
  .mxi-cookie__pill {
    background: rgba(33,31,46,.94); backdrop-filter: blur(10px); color: #fff;
    border-radius: var(--mxi-radius-pill); padding: .9rem 1.1rem;
    box-shadow: var(--mxi-shadow-lg);
    display: flex; flex-direction: column; gap: .7rem;
    transition: border-radius .4s ease;
  }
  .mxi-cookie__pill p { color: rgba(255,255,255,.9); font-size: .82rem; margin: 0; }
  .mxi-cookie__link { color: var(--mxi-primary-light); font-weight: 600; text-decoration: underline; }
  .mxi-cookie__actions { display: flex; gap: .6rem; justify-content: flex-end; }
  .mxi-cookie__btn {
    padding: .5rem 1rem; border-radius: var(--mxi-radius-pill); font-size: .8rem; font-weight: 600;
    background: linear-gradient(135deg, var(--mxi-primary), var(--mxi-teal)); color: #fff;
    min-height: 38px; transition: transform .2s ease, opacity .2s ease;
  }
  .mxi-cookie__btn:hover { transform: translateY(-2px); }
  .mxi-cookie__btn--ghost { background: rgba(255,255,255,.12); color: #fff; }
  .mxi-cookie__modal {
    background: rgba(255,255,255,.98); color: var(--mxi-ink); border-radius: var(--mxi-radius-lg);
    padding: 1.6rem; box-shadow: var(--mxi-shadow-lg); margin-top: .7rem;
  }
  .mxi-cookie__modal h3 { margin-bottom: .5rem; }
  .mxi-cookie__modal p { font-size: .85rem; margin-bottom: 1rem; }
  .mxi-cookie__row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--mxi-border); }
  .mxi-cookie__row div { display: flex; flex-direction: column; gap: .15rem; }
  .mxi-cookie__row span { font-size: .78rem; color: var(--mxi-ink-faint); }
  .mxi-cookie__row input { width: 22px; height: 22px; accent-color: var(--mxi-primary); }
  .mxi-cookie__modal-actions { display: flex; gap: .7rem; justify-content: flex-end; margin-top: 1.1rem; flex-wrap: wrap; }
}

@layer utilities {
  .mxi-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
  .mxi-reveal.is-visible { opacity: 1; transform: none; }
  .mxi-active { color: var(--mxi-primary-dark) !important; }
}