.hpx-cta.mm-contact-section {
        padding: 84px 0 92px;
        background:
          radial-gradient(circle at 10% 18%, color-mix(in srgb, var(--accent2) 9%, transparent), transparent 29%),
          radial-gradient(circle at 92% 82%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 31%);
      }

      .mm-contact-head {
        max-width: 720px;
        margin: 0 auto 38px;
        text-align: center;
      }

      .mm-contact-head .hp-eyebrow {
        margin-bottom: 9px;
      }

      .mm-contact-head h2 {
        color: var(--text);
        font-family: 'Sora', sans-serif;
        font-size: clamp(1.9rem, 4vw, 2.75rem);
        font-weight: 800;
        letter-spacing: -.035em;
        margin-bottom: 11px;
      }

      .mm-contact-head p {
        max-width: 590px;
        margin: 0 auto;
        color: var(--text2);
        font-size: .96rem;
        line-height: 1.75;
      }

      .mm-contact-layout {
        display: grid;
        grid-template-columns: minmax(250px, .72fr) minmax(0, 1.5fr);
        gap: 22px;
        align-items: start;
      }

      .mm-contact-side,
      .mm-contact-main,
      .mm-contact-mini-stack {
        display: grid;
        gap: 16px;
      }

      .mm-contact-card,
      .mm-contact-mini,
      .mm-contact-form,
      .mm-contact-faq details {
        background: transparent;
        border: 1px solid color-mix(in srgb, var(--border) 82%, var(--accent2) 18%);
        box-shadow: none;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
      }

      .mm-contact-card,
      .mm-contact-form {
        border-radius: 20px;
      }

      .mm-contact-profile {
        padding: 26px 24px 22px;
        text-align: center;
      }

      .mm-contact-avatar {
        width: 70px;
        height: 70px;
        margin: 0 auto 13px;
        display: grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--accent2) 62%, transparent);
        border-radius: 50%;
        color: #fff;
        background: linear-gradient(145deg, var(--accent2), color-mix(in srgb, var(--accent2) 66%, #071827));
        box-shadow: 0 12px 28px -16px color-mix(in srgb, var(--accent2) 80%, transparent);
        font-size: 1.24rem;
        font-weight: 800;
      }

      .mm-contact-profile h3 {
        color: var(--text);
        font-size: 1.02rem;
        font-weight: 800;
        margin-bottom: 3px;
      }

      .mm-contact-role {
        display: block;
        color: var(--text2);
        font-size: .78rem;
      }

      .mm-contact-role.muted {
        margin-top: 3px;
        font-size: .7rem;
        opacity: .82;
      }

      .mm-contact-socials {
        display: flex;
        justify-content: center;
        gap: 9px;
        margin: 17px 0 16px;
      }

      .mm-contact-socials a {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--border) 74%, var(--accent2) 26%);
        border-radius: 50%;
        color: var(--accent2);
        background: transparent;
        text-decoration: none;
        transition: transform .18s ease, border-color .18s ease, color .18s ease;
      }

      .mm-contact-socials a:hover {
        transform: translateY(-2px);
        border-color: var(--accent2);
        color: var(--accent);
      }

      .mm-contact-lines {
        display: grid;
        gap: 10px;
        padding-top: 15px;
        border-top: 1px solid var(--border);
        text-align: left;
      }

      .mm-contact-lines a,
      .mm-contact-lines span {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
        color: var(--text2);
        font-size: .76rem;
        text-decoration: none;
      }

      .mm-contact-lines a:hover {
        color: var(--accent2);
      }

      .mm-contact-lines i {
        flex: 0 0 auto;
        color: var(--accent2);
      }

      .mm-contact-lines .mm-contact-email {
        overflow-wrap: anywhere;
      }

      .mm-contact-mini {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px 16px;
        border-radius: 15px;
        transition: transform .18s ease, border-color .18s ease;
      }

      .mm-contact-mini:hover,
      .mm-contact-faq details:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--accent2) 58%, var(--border));
      }

      .mm-contact-mini-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--accent2) 35%, var(--border));
        border-radius: 11px;
        color: var(--accent2);
        background: transparent;
        font-size: 1rem;
      }

      .mm-contact-mini strong {
        display: block;
        color: var(--text);
        font-size: .81rem;
        margin-bottom: 2px;
      }

      .mm-contact-mini small {
        display: block;
        color: var(--text2);
        font-size: .7rem;
      }

      .mm-contact-form {
        padding: 25px 26px 26px;
      }

      .mm-contact-form h3 {
        color: var(--text);
        font-size: 1.14rem;
        font-weight: 800;
        margin-bottom: 5px;
      }

      .mm-contact-form>p {
        color: var(--text2);
        font-size: .78rem;
        line-height: 1.6;
        margin-bottom: 18px;
      }

      .mm-contact-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .mm-contact-field {
        display: grid;
        gap: 7px;
      }

      .mm-contact-field.mm-contact-full {
        grid-column: 1 / -1;
      }

      .mm-contact-field label {
        color: var(--text);
        font-size: .72rem;
        font-weight: 700;
      }

      .mm-contact-field input,
      .mm-contact-field select,
      .mm-contact-field textarea {
        width: 100%;
        border: 1px solid color-mix(in srgb, var(--border) 86%, var(--accent2) 14%);
        border-radius: 10px;
        outline: none;
        background: transparent;
        color: var(--text);
        font-family: inherit;
        font-size: .79rem;
        padding: 11px 12px;
        transition: border-color .18s ease, box-shadow .18s ease;
      }

      .mm-contact-field textarea {
        min-height: 112px;
        resize: vertical;
      }

      .mm-contact-field input::placeholder,
      .mm-contact-field textarea::placeholder {
        color: color-mix(in srgb, var(--text2) 65%, transparent);
      }

      .mm-contact-field input:focus,
      .mm-contact-field select:focus,
      .mm-contact-field textarea:focus {
        border-color: var(--accent2);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent2) 13%, transparent);
      }

      .mm-contact-submit {
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        margin-top: 16px;
        padding: 12px 18px;
        border: 1px solid var(--accent2);
        border-radius: 10px;
        background: var(--accent2);
        color: #fff;
        font-family: inherit;
        font-size: .84rem;
        font-weight: 800;
        cursor: pointer;
        transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
      }

      .mm-contact-submit:hover {
        transform: translateY(-1px);
        filter: brightness(1.05);
        box-shadow: 0 12px 24px -16px color-mix(in srgb, var(--accent2) 72%, transparent);
      }

      .mm-contact-faq h3 {
        color: var(--text);
        font-size: 1rem;
        font-weight: 800;
        margin: 1px 0 10px;
      }

      .mm-contact-faq {
        display: grid;
        gap: 10px;
      }

      .mm-contact-faq details {
        border-radius: 14px;
        padding: 14px 16px;
        transition: transform .18s ease, border-color .18s ease;
      }

      .mm-contact-faq summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        color: var(--text);
        font-size: .78rem;
        font-weight: 800;
        cursor: pointer;
        list-style: none;
      }

      .mm-contact-faq summary::-webkit-details-marker {
        display: none;
      }

      .mm-contact-faq summary::after {
        content: '+';
        flex: 0 0 auto;
        color: var(--accent2);
        font-size: 1rem;
      }

      .mm-contact-faq details[open] summary::after {
        content: '−';
      }

      .mm-contact-faq details p {
        color: var(--text2);
        font-size: .72rem;
        line-height: 1.65;
        padding-top: 9px;
      }

      @media (max-width: 860px) {
        .mm-contact-layout {
          grid-template-columns: 1fr;
        }

        .mm-contact-side {
          grid-template-columns: minmax(240px, .9fr) minmax(240px, 1.1fr);
        }
      }

      @media (max-width: 620px) {
        .hpx-cta.mm-contact-section {
          padding: 62px 0 68px;
        }

        .mm-contact-head {
          margin-bottom: 28px;
        }

        .mm-contact-side,
        .mm-contact-fields {
          grid-template-columns: 1fr;
        }

        .mm-contact-field.mm-contact-full {
          grid-column: auto;
        }

        .mm-contact-form,
        .mm-contact-profile {
          padding: 21px 18px;
        }
      }