.mg-hero {
      background: #0C0A3E;
      padding: 100px 24px 80px;
    }
    .mg-inner {
      max-width: 900px;
      margin: 0 auto;
      padding: 0 24px;
    }
    .mg-eyebrow {
      display: block;
      font: 600 12px/1 'DM Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #A89CED;
      margin-bottom: 20px;
    }
    .mg-eyebrow--light { color: rgba(238,235,211,0.6); }
    .mg-title {
      font: 800 clamp(40px,8vw,72px)/0.92 'DM Sans', sans-serif !important;
      color: #CCFF33 !important;
      letter-spacing: -0.04em !important;
      margin: 0 0 28px;
    }
    .mg-subtitle {
      font: 400 20px/1.5 'DM Sans', sans-serif !important;
      color: rgba(238,235,211,0.75) !important;
      max-width: 660px;
      margin: 0 0 40px;
    }
    .mg-hero-ctas {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 32px;
    }
    .mg-btn-primary {
      display: inline-block;
      background: #CCFF33;
      color: #0C0A3E !important;
      font: 700 14px/1 'DM Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 18px 36px;
      text-decoration: none;
      transition: background 0.15s;
    }
    .mg-btn-primary:hover { background: #fff; }
    .mg-btn-secondary {
      display: inline-block;
      font: 700 14px/1 'DM Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #CCFF33 !important;
      text-decoration: none;
      border-bottom: 2px solid #CCFF33;
      padding-bottom: 3px;
      transition: color 0.15s;
    }
    .mg-btn-secondary:hover { color: #fff !important; border-color: #fff; }
    .mg-endorsements {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .mg-endorsed-label {
      font: 500 12px/1 'DM Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: rgba(238,235,211,0.4);
    }
    .mg-badge {
      font: 700 11px/1 'DM Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      border: 1px solid rgba(238,235,211,0.25);
      color: rgba(238,235,211,0.6);
      padding: 6px 12px;
      border-radius: 2px;
    }

    /* Sections */
    .mg-section { padding: 80px 24px; }
    .mg-section--cream { background: #EEEBD3; }
    .mg-section--navy { background: #0C0A3E; }
    .mg-section--white { background: #fff; }
    .mg-section h2 {
      font: 800 40px/0.92 'DM Sans', sans-serif !important;
      color: #0C0A3E !important;
      letter-spacing: -0.04em !important;
      margin: 0 0 24px;
    }
    .mg-h2--light { color: #CCFF33 !important; }
    .mg-section p {
      font: 400 18px/1.6 'DM Sans', sans-serif !important;
      color: rgba(12,10,62,0.8) !important;
      margin: 0 0 16px;
      max-width: 700px;
    }
    .mg-p--light { color: rgba(238,235,211,0.75) !important; max-width: 660px; }
    .mg-section--navy p { color: rgba(238,235,211,0.75) !important; }
    .mg-section--navy h2 { color: #CCFF33 !important; }
    .mg-section--navy h3 { color: #EEEBD3 !important; }

    /* AIDA grid */
    .mg-aida-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 24px;
      margin-top: 48px;
    }
    .mg-aida-card {
      border-left: 3px solid #CCFF33;
      padding-left: 20px;
    }
    .mg-aida-letter {
      display: block;
      font: 800 48px/1 'DM Sans', sans-serif;
      color: #CCFF33 !important;
      margin-bottom: 8px;
    }
    .mg-aida-card h3 {
      font: 700 20px/1.1 'DM Sans', sans-serif !important;
      color: #EEEBD3 !important;
      margin: 0 0 10px;
    }
    .mg-aida-card p {
      font: 400 15px/1.55 'DM Sans', sans-serif !important;
      color: rgba(238,235,211,0.65) !important;
      margin: 0;
      max-width: none;
    }

    /* Download block */
    .mg-download-block {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 48px;
      align-items: center;
    }
    .mg-download-cta {
      text-align: center;
      flex-shrink: 0;
    }
    .mg-download-note {
      font: 400 13px/1 'DM Sans', sans-serif !important;
      color: rgba(12,10,62,0.4) !important;
      margin-top: 12px !important;
      text-align: center;
    }

    /* List */
    .mg-list {
      padding-left: 20px;
      margin: 16px 0 24px;
    }
    .mg-list li {
      font: 400 18px/1.6 'DM Sans', sans-serif;
      color: rgba(12,10,62,0.8);
      margin-bottom: 8px;
    }

    /* Training */
    .mg-training-contact {
      margin-top: 32px;
      padding: 32px;
      background: #EEEBD3;
      border-left: 4px solid #CCFF33;
    }
    .mg-training-contact p {
      font: 600 16px/1 'DM Sans', sans-serif !important;
      color: #0C0A3E !important;
      margin: 0 0 16px !important;
    }

    /* Related grid */
    .mg-related-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 16px;
      margin-top: 32px;
    }
    .mg-related-card {
      background: #fff;
      padding: 28px 24px;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
      border: 1px solid rgba(12,10,62,0.1);
      border-left: 3px solid #CCFF33;
      transition: border-color 0.15s;
    }
    .mg-related-card:hover { border-left-color: #A89CED; }
    .mg-related-tag {
      font: 600 10px/1 'DM Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #A89CED;
    }
    .mg-related-card h3 {
      font: 700 18px/1.2 'DM Sans', sans-serif !important;
      color: #0C0A3E !important;
      margin: 0;
    }
    .mg-related-card p {
      font: 400 14px/1.5 'DM Sans', sans-serif !important;
      color: rgba(12,10,62,0.6) !important;
      margin: 0;
      max-width: none;
    }
    .mg-related-arrow {
      font: 600 13px/1 'DM Sans', sans-serif;
      color: #CCFF33;
      margin-top: auto;
    }

    @media (max-width: 768px) {
      .mg-hero { padding: 72px 24px 56px; }
      .mg-hero-ctas { flex-direction: column; align-items: flex-start; }
      .mg-aida-grid { grid-template-columns: 1fr; }
      .mg-download-block { grid-template-columns: 1fr; }
      .mg-download-cta { text-align: left; }
      .mg-related-grid { grid-template-columns: 1fr; }
    }