* {
      box-sizing: border-box;
    }

    html, body {
      margin: 0;
      padding: 0;
      background: #08101d;
      overflow-x: hidden;
    }

    body {
      font-family: Arial, sans-serif;
      color: #ffffff;
    }

    img {
      display: block;
      max-width: 100%;
    }

    .mf-page {
      width: 100%;
      background:
        radial-gradient(circle at top left, rgba(20,184,196,0.08), transparent 24%),
        radial-gradient(circle at bottom right, rgba(212,175,55,0.10), transparent 26%),
        linear-gradient(180deg, #08101d 0%, #0c1630 45%, #12042a 100%);
      color: #ffffff;
    }

    .mf-container {
      width: min(1120px, calc(100% - 32px));
      margin: 0 auto;
      padding: 24px 0 72px;
    }

    .mf-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

    .mf-brand {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }

    .mf-logo {
      width: clamp(56px, 7vw, 68px);
      height: clamp(56px, 7vw, 68px);
      object-fit: contain;
      background: #ffffff;
      border-radius: 14px;
      padding: 5px;
      flex-shrink: 0;
    }

    .mf-brand h2 {
      margin: 0;
      font-size: clamp(20px, 2.3vw, 24px);
      line-height: 1.2;
      color: #ffffff;
    }

    .mf-brand p {
      margin: 4px 0 0;
      font-size: clamp(13px, 1.6vw, 14px);
      color: #cfd8e3;
      line-height: 1.5;
    }

    .mf-services {
      font-size: 14px;
      color: #d8e1eb;
      text-align: right;
      line-height: 1.6;
    }

    .mf-section {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 22px;
      padding: clamp(22px, 4vw, 32px);
      margin-bottom: 22px;
      box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    }

    .mf-hero {
      text-align: center;
      padding: clamp(30px, 5vw, 48px) clamp(18px, 4vw, 28px);
      position: relative;
      overflow: hidden;
    }

    .mf-kicker {
      display: inline-block;
      margin-bottom: 16px;
      padding: 8px 14px;
      border-radius: 999px;
      background: rgba(212,175,55,0.12);
      border: 1px solid rgba(212,175,55,0.28);
      color: #d4af37;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .mf-hero h1 {
      margin: 0 auto 16px;
      max-width: 980px;
      font-size: clamp(31px, 6vw, 54px);
      line-height: 1.04;
      color: #ffffff;
    }

    .mf-gold {
      color: #d4af37;
    }

    .mf-hero p {
      max-width: 760px;
      margin: 0 auto 14px;
      font-size: clamp(15px, 1.9vw, 17px);
      line-height: 1.65;
      color: #d7e0ea;
    }

    .mf-positioning {
      max-width: 780px;
      margin: 0 auto 16px;
      padding: 14px 18px;
      border-radius: 16px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.07);
      color: #e2e9f0;
      font-size: 14px;
      line-height: 1.65;
    }

    .mf-qual-strip {
      max-width: 860px;
      margin: 0 auto 18px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .mf-qual-pill {
      padding: 12px 14px;
      border-radius: 14px;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      font-size: 13px;
      font-weight: bold;
      color: #eef3f8;
    }

    .mf-hero-actions {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 2px;
    }

    .mf-btn,
    .mf-btn-dark {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      padding: 14px 24px;
      border-radius: 12px;
      font-size: 15px;
      font-weight: bold;
      text-decoration: none;
      transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    }

    .mf-btn:hover,
    .mf-btn-dark:hover {
      transform: translateY(-2px);
      opacity: 0.98;
    }

    .mf-btn {
      background: linear-gradient(135deg, #d4af37, #f2d27a);
      color: #08101d;
      box-shadow: 0 10px 24px rgba(212,175,55,0.22);
    }

    .mf-btn-dark {
      background: transparent;
      color: #ffffff;
      border: 1px solid rgba(255,255,255,0.18);
    }

    .mf-note {
      margin-top: 12px;
      font-size: 13px;
      color: #c3ceda;
      line-height: 1.5;
    }

    .mf-grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .mf-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .mf-card,
    .mf-qual-item,
    .mf-faq-item,
    .mf-fit-box,
    .mf-case-shell,
    .mf-proof-mini {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 18px;
      padding: 22px;
      height: 100%;
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .mf-card:hover,
    .mf-qual-item:hover,
    .mf-faq-item:hover,
    .mf-fit-box:hover,
    .mf-case-shell:hover,
    .mf-proof-mini:hover {
      transform: translateY(-3px);
      border-color: rgba(212,175,55,0.22);
      box-shadow: 0 14px 30px rgba(0,0,0,0.18);
    }

    .mf-title {
      margin: 0 0 14px;
      font-size: clamp(28px, 4.4vw, 34px);
      text-align: center;
      color: #ffffff;
      line-height: 1.2;
    }

    .mf-intro {
      max-width: 780px;
      margin: 0 auto 24px;
      text-align: center;
      font-size: clamp(15px, 2vw, 17px);
      line-height: 1.7;
      color: #d2dce7;
    }

    .mf-case-tag {
      text-align: center;
      color: #d4af37;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 12px;
    }

    .mf-case-shell {
      padding: clamp(22px, 4vw, 30px);
      background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.035));
    }

    .mf-case-head {
      max-width: 860px;
      margin: 0 auto 24px;
      text-align: center;
    }

    .mf-case-head h3 {
      margin: 0 0 12px;
      font-size: clamp(28px, 4.6vw, 40px);
      line-height: 1.1;
      color: #ffffff;
    }

    .mf-case-head p {
      margin: 0;
      color: #d5deea;
      font-size: 16px;
      line-height: 1.7;
    }

    .mf-case-story {
      max-width: 860px;
      margin: 0 auto;
    }

    .mf-case-story p,
    .mf-card span,
    .mf-qual-item p,
    .mf-faq-item p,
    .mf-proof-mini p {
      margin: 0;
      font-size: 15px;
      line-height: 1.7;
      color: #d6e0ea;
    }

    .mf-case-story strong,
    .mf-card strong,
    .mf-faq-item strong,
    .mf-qual-item strong {
      display: block;
      margin-bottom: 8px;
      color: #d4af37;
      font-size: 18px;
    }

    .mf-case-points {
      margin: 16px 0 0;
      padding-left: 18px;
      color: #d6e0ea;
    }

    .mf-case-points li,
    .mf-fit-box li {
      margin-bottom: 8px;
      line-height: 1.7;
    }

    .mf-case-stats {
      margin-top: 22px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .mf-proof-mini {
      text-align: center;
      padding: 20px 18px;
    }

    .mf-proof-mini h4 {
      margin: 0 0 8px;
      font-size: clamp(32px, 4.5vw, 42px);
      line-height: 1;
      letter-spacing: -1px;
      color: #d4af37;
    }

    .mf-proof-mini strong {
      display: block;
      margin-bottom: 8px;
      font-size: 17px;
      color: #ffffff;
    }

    .mf-proof-mini span {
      display: block;
      margin-top: 10px;
      font-size: 13px;
      line-height: 1.6;
      color: #c6d0db;
    }

    .mf-center {
      text-align: center;
      margin-top: 24px;
    }

    .mf-mini-note {
      margin-top: 10px;
      color: #cbd4df;
      font-size: 14px;
      line-height: 1.6;
    }

    .mf-proof-shot {
      margin-top: 22px;
      padding: 18px;
      border-radius: 20px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
    }

    .mf-proof-shot img {
      width: 100%;
      border-radius: 14px;
    }

    .mf-proof-caption {
      margin-top: 14px;
      text-align: center;
      color: #d8e1eb;
      font-size: 15px;
      line-height: 1.7;
    }

    .mf-cta-band {
      text-align: center;
      background: linear-gradient(135deg, rgba(18,59,99,0.92), rgba(20,4,42,0.95));
    }

    .mf-cta-band h3 {
      margin: 0 0 12px;
      font-size: clamp(24px, 4vw, 30px);
      line-height: 1.3;
      color: #ffffff;
    }

    .mf-cta-band p {
      max-width: 720px;
      margin: 0 auto 18px;
      color: #d6e0ea;
      font-size: 16px;
      line-height: 1.7;
    }

    .mf-fit {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .mf-fit-box h3 {
      margin: 0 0 14px;
      font-size: 22px;
      color: #ffffff;
    }

    .mf-fit-good h3 {
      color: #d4af37;
    }

    .mf-fit-bad h3 {
      color: #ffb27a;
    }

    .mf-trust {
      position: relative;
      overflow: hidden;
    }

    .mf-trust-line {
      width: 100%;
      height: 1px;
      margin-bottom: 28px;
      background: linear-gradient(90deg, rgba(255,255,255,0.04), rgba(212,175,55,0.45), rgba(255,255,255,0.04));
    }

    .mf-trust-kicker {
      text-align: center;
      color: #d4af37;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 12px;
    }

    .mf-trust-title {
      margin: 0 auto 16px;
      max-width: 760px;
      text-align: center;
      font-size: clamp(30px, 5vw, 36px);
      line-height: 1.2;
      color: #ffffff;
    }

    .mf-trust-subtitle {
      max-width: 720px;
      margin: 0 auto 34px;
      text-align: center;
      font-size: clamp(15px, 2vw, 16px);
      line-height: 1.7;
      color: #d0dae6;
    }

    .mf-trust-logos {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
      align-items: stretch;
    }

    .mf-trust-logo-box {
      width: 100%;
      min-height: 200px;
      padding: 24px;
      border-radius: 22px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.10);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mf-trust-logo-box img {
      max-width: 100%;
      max-height: 120px;
      object-fit: contain;
      background: #ffffff;
      padding: 12px;
      border-radius: 12px;
    }

    .mf-guarantee {
      background: linear-gradient(135deg, rgba(18,59,99,0.92), rgba(20,4,42,0.95));
      text-align: center;
    }

    .mf-booking p {
      max-width: 760px;
      margin: 0 auto 22px;
      text-align: center;
      color: #d4deea;
      font-size: clamp(15px, 2vw, 17px);
      line-height: 1.7;
    }

    .mf-calendly {
      margin-top: 24px;
      border-radius: 18px;
      overflow: hidden;
      background: #ffffff;
    }

    .calendly-inline-widget {
      min-width: 320px;
      width: 100%;
      height: 720px;
    }

    .mf-footer {
      text-align: center;
      font-size: 15px;
      color: #c8d2de;
      line-height: 1.9;
      margin-top: 24px;
      padding: 0 8px;
    }

    .mf-footer a {
      color: #ffffff;
      text-decoration: none;
      font-weight: bold;
      word-break: break-word;
    }

    @media (max-width: 980px) {
      .mf-grid-2,
      .mf-grid-3,
      .mf-fit,
      .mf-trust-logos,
      .mf-qual-strip,
      .mf-case-stats {
        grid-template-columns: 1fr;
      }

      .mf-header {
        align-items: flex-start;
      }

      .mf-services {
        width: 100%;
        text-align: left;
      }

      .calendly-inline-widget {
        height: 660px;
      }
    }

    @media (max-width: 640px) {
      .mf-container {
        width: min(100% - 24px, 1120px);
        padding: 16px 0 42px;
      }

      .mf-header {
        margin-bottom: 20px;
      }

      .mf-brand {
        align-items: flex-start;
      }

      .mf-hero,
      .mf-section {
        border-radius: 18px;
      }

      .mf-positioning {
        padding: 12px 16px;
      }

      .mf-hero-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .mf-btn,
      .mf-btn-dark {
        width: 100%;
      }

      .mf-trust-logo-box {
        min-height: 170px;
        padding: 18px;
      }

      .calendly-inline-widget {
        height: 580px;
      }
    }