/* Mobile composition from the supplied 941 x 1672 reference.
   Artwork is recreated as live CSS; desktop artwork and layout stay intact. */
.analysis-mobile-break { display: none; }
@media (max-width: 760px) {
  .ma-hero.ma-hero--analysis {
    width: 100%; max-width: none; min-height: 0; margin: 0;
    padding: 10px 0 16px; border: 0; border-radius: 0;
    background: radial-gradient(circle at 87% 40px, transparent 15.7vw, #dceaff 15.8vw, #dceaff 15.9vw, transparent 16vw), #f3faff;
    font-family: Arial, sans-serif;
  }
  .ma-hero--analysis::before, .ma-hero--analysis::after { display: none; }
  .ma-hero--analysis .ma-hero__grid {
    display: flex; flex-direction: column; gap: 0; min-height: 0; padding: 0;
  }
  .ma-hero--analysis .ma-hero__copy {
    position: relative; inset: auto; width: 82%; max-width: none; margin: 0 auto;
    padding: 0; transform: none;
  }
  .ma-hero--analysis .ma-eyebrow {
    position: static; display: flex; align-items: center; gap: 3vw;
    width: calc(100% - 48px); min-height: 42px; margin: 0 0 2.3vw; padding: 0;
    color: #0866ff; font-size: max(11px, 2.55vw); line-height: 1.25;
  }
  .ma-hero--analysis .ma-eyebrow::before, .ma-hero--analysis .ma-eyebrow::after { display: none; }
  .ma-hero--analysis .ma-eyebrow span {
    display: block; width: auto; height: auto; padding: 0 3.6vw 0 0;
    border-right: 1px solid #639aff; border-radius: 0; background: none;
    color: inherit; font-size: max(16px, 3.9vw); line-height: 1.35; font-weight: 800; align-self: center; flex-shrink: 0;
  }
  .ma-hero--analysis .ma-eyebrow b {
    position: static; margin: 0; writing-mode: horizontal-tb; transform: none;
    white-space: normal; font-size: inherit; font-weight: 800; align-self: center;
  }
  .ma-hero--analysis .ma-eyebrow span::after { display: none; }
  .ma-hero--analysis h1 {
    width: 100%; max-width: none; margin: 0; padding: 0;
    font-size: 7.2vw; line-height: 1.035; font-weight: 700; letter-spacing: -.16vw;
    color: #030d35; overflow-wrap: normal;
  }
  .ma-hero--analysis h1 br { display: block; }
  .ma-hero--analysis h1 .analysis-desktop-break { display: none; }
  .ma-hero--analysis h1 > span {
    display: inline-block; position: relative; margin: 1.6vw 0 0 -1.5vw;
    padding: .1vw 2.7vw .7vw; color: inherit; white-space: nowrap;
    background: linear-gradient(110deg, #50def0, #1dc2e8);
    clip-path: polygon(4% 0, 95% 0, 100% 50%, 95% 100%, 4% 100%, 0 50%);
    border-radius: 0; box-shadow: none;
  }
  .ma-hero--analysis h1 > span::before, .ma-hero--analysis h1 > span::after { display: none; }
  .ma-hero--analysis .ma-lead {
    width: 100%; max-width: none; margin: 3.5vw 0 3.3vw; padding: 0;
    font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif;
    font-size: 15.5px; line-height: 1.52; color: #50618d; overflow-wrap: normal;
  }
  .ma-hero--analysis .ma-hero__proofs {
    display: grid; grid-template-columns: 1fr 1.15fr 1.75fr; gap: 2.1vw;
    width: 100%; margin: 0;
  }
  .ma-hero--analysis .ma-hero__proofs span,
  .ma-hero--analysis .ma-hero__proofs span:last-child {
    grid-column: auto; display: flex; align-items: center; justify-content: center;
    width: 100%; min-width: 0; min-height: 6.6vw; padding: 1.3vw .6vw;
    border: 1px solid #e7efff; border-radius: 999px; background: #fff;
    font-size: max(10px, 2.48vw); line-height: 1.2; font-weight: 800; color: #07123a;
    box-shadow: 0 14px 28px #304b7210;
  }
  .ma-hero--analysis .ma-hero__panel--radar {
    position: relative; inset: auto; display: block; width: 100%; max-width: none;
    height: 55vw; min-height: 0; margin: 2.8vw 0 0; padding: 0;
    border: 0; border-radius: 0; background: none; box-shadow: none; transform: none;
    overflow: hidden;
  }
  .ma-hero--analysis .ma-hero__panel--radar::before,
  .ma-hero--analysis .ma-hero__panel--radar::after,
  .ma-hero--analysis .ma-orbit-asset { display: none; }
  .ma-hero--analysis .ma-orbit-css {
    display: block; position: absolute; inset: 0 auto auto -2%; width: 104%; height: 58vw;
    border: .95vw solid #fff; border-radius: 50%; transform: none;
    background: linear-gradient(110deg, #fff0e7, #f3fcff 48%, #deedff);
  }
  .ma-hero--analysis .ma-orbit-css::before,
  .ma-hero--analysis .ma-orbit-css::after {
    content: ""; position: absolute; left: 50%; top: 46%;
    width: 53%; height: 44%; border: 1px solid #bed8ff; border-radius: 50%;
    background: none; transform: translate(-50%, -50%); box-shadow: none;
  }
  .ma-hero--analysis .ma-orbit-css::after { width: 33%; height: 28%; }
  .ma-hero--analysis .ma-orbit-css__core {
    position: absolute; z-index: 2; left: 50%; top: 46%; display: grid; place-items: center;
    width: 15vw; height: 15vw; padding: 0; border: 0; border-radius: 50%;
    background: linear-gradient(130deg, #0869ff, #00b8cd); color: white;
    font-size: 3vw; font-weight: 800; transform: translate(-50%, -50%);
    box-shadow: 0 0 0 6.3vw #0866ff12, 0 2vw 6vw #0866ff40;
  }
  .ma-hero--analysis .ma-orbit-css__label {
    position: absolute; z-index: 3; display: grid; place-items: center;
    width: auto; min-width: 0; min-height: 5.6vw; padding: 1vw 2.8vw;
    border: 0; border-radius: 999px; background: white; color: #07123a;
    font-size: 2.4vw; font-weight: 800; white-space: nowrap; transform: none;
    box-shadow: 0 2vw 4vw #334a7114;
  }
  .ma-hero--analysis .ma-orbit-css__label--audience { left: 26%; top: 13%; }
  .ma-hero--analysis .ma-orbit-css__label--utp { right: 24%; top: 13%; }
  .ma-hero--analysis .ma-orbit-css__label--client { left: 6%; top: 41%; }
  .ma-hero--analysis .ma-orbit-css__label--demand { right: 6%; top: 41%; }
  .ma-hero--analysis .ma-orbit-css__label--search { left: 21%; bottom: 22%; }
  .ma-hero--analysis .ma-orbit-css__label--competitors { right: 17%; bottom: 22%; }
  .ma-hero--analysis .ma-hero__offer {
    position: relative; inset: auto; z-index: 4; display: grid; grid-template-columns: 1fr;
    width: 88%; max-width: none; min-height: 0; margin: -5vw auto 0;
    padding: 2.8vw 3.5vw; gap: 2.3vw; border: 0; border-radius: 2.5vw;
    background: #ffffffed; box-shadow: 0 2vw 5vw #304b7210;
  }
  .ma-hero--analysis .ma-hero__terms {
    display: grid; grid-template-columns: 1fr; gap: 1.5vw;
    width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: none;
  }
  .ma-hero--analysis .ma-hero__terms div {
    display: block; width: 48%; min-width: 170px; min-height: 0;
    padding: 1.7vw 2.6vw; border-radius: 1.8vw;
    background: linear-gradient(115deg, #0866ff, #00bac9); color: white;
  }
  .ma-hero--analysis .ma-hero__terms span {
    display: block; margin: 0 0 .5vw; color: #cbe8ff; text-transform: lowercase;
    font-size: max(11px, 2.4vw); line-height: 1.2; font-weight: 800;
  }
  .ma-hero--analysis .ma-hero__terms strong {
    display: block; font-size: max(25px, 5.1vw); line-height: 1.2; white-space: nowrap;
  }
  .ma-hero--analysis .ma-hero__terms p {
    max-width: none; margin: 0; color: #50618d;
    font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif;
    font-size: 15.5px; line-height: 1.52;
  }
  .ma-hero--analysis .ma-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 3.4vw; margin: 0; }
  .ma-hero--analysis .ma-button {
    width: 100%; min-width: 0; min-height: 44px; padding: 2vw .8vw;
    border-radius: 1.3vw; font-size: max(12px, 2.7vw); line-height: 1.2; font-weight: 800;
  }
  .ma-hero--analysis > .internal-mobile-nav { top: 10px; right: 6%; }
  .ma-hero--analysis .ma-eyebrow, .ma-hero--analysis .ma-eyebrow b,
  .ma-hero--analysis .ma-eyebrow span, .ma-hero--analysis .ma-hero__proofs span,
  .ma-hero--analysis .ma-orbit-css__label, .ma-hero--analysis .ma-orbit-css__core,
  .ma-hero--analysis .ma-button, .ma-hero--analysis .ma-hero__terms span { font-weight: 700; }
}