/* M1 component library — canonical visual components.
   Foundation tokens and page primitives live in m1-foundation.css. */

    .m1-skip-link {
      position: fixed;
      z-index: 100;
      top: 8px;
      left: 8px;
      padding: 10px 14px;
      border-radius: var(--m1-radius-control);
      background: var(--m1-color-ink);
      color: var(--m1-color-surface);
      font-size: 14px;
      font-weight: var(--m1-weight-meta);
      text-decoration: none;
      transform: translateY(calc(-100% - 16px));
      transition: transform 160ms ease;
    }

    .m1-skip-link:focus-visible { transform: translateY(0); }

    .m1-header {
      position: relative;
      z-index: 20;
      border-bottom: 1px solid var(--m1-color-line);
      background: rgb(var(--m1-rgb-veil) / .9);
      backdrop-filter: blur(18px);
    }
    .m1-header__inner {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 32px;
    }
    .m1-brand {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      text-decoration: none;
      font-weight: 700;
      letter-spacing: -.03em;
    }
    .m1-brand img { width: auto; height: 40px; }
    .m1-nav { display: flex; align-items: center; gap: 28px; }
    .m1-nav a { color: var(--m1-color-body); font-size: 14px; text-decoration: none; }
    .m1-nav .m1-booking-link { font-weight: 700; color: var(--m1-color-ink); }
    .m1-nav .m1-button, .m1-button {
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 22px;
      border: 1px solid var(--m1-color-teal-fill);
      background: var(--m1-color-teal-fill);
      color: var(--m1-color-on-action);
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
    }

    .m1-hero {
      position: relative;
      overflow: clip;
      border-bottom: 1px solid var(--m1-color-line);
      background: transparent;
    }
    .m1-hero-grid {
      min-height: calc(100svh - 77px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: clamp(52px, 6vw, 88px) 0 42px;
    }
    .m1-hero-composition {
      position: relative;
      min-height: clamp(500px, 55vh, 640px);
    }
    .m1-hero .m1-hero__title {
      max-width: 1120px;
      margin: 0;
      font-size: clamp(62px, 7vw, 104px);
      font-weight: 400;
      letter-spacing: -.065em;
      line-height: .92;
    }
    .m1-hero-copy { position: relative; z-index: 2; width: min(100%, 1120px); margin-left: auto; text-align: right; }
    .m1-hero-copy .m1-hero__title { margin-left: auto; }
    .m1-hero-line {
      display: block;
      overflow: hidden;
      padding: .06em .06em .09em;
      margin: -.06em -.06em -.09em;
    }
    .m1-hero-line-content { display: block; transform-origin: 100% 100%; }
    .m1-hero__title em { color: var(--m1-color-teal-fill); font-style: normal; }
    .m1-hero .m1-hero__thesis {
      max-width: 880px;
      margin: 26px 0 0 auto;
      font-size: clamp(35px, 3.375vw, 50px);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: 1.04;
    }
    .m1-hero__thesis strong { color: var(--m1-color-ink); font-weight: 600; }
    .m1-hero__thesis .m1-arrival-word { display: inline-block; transform-origin: 100% 50%; }

    /* Progressive enhancement: native scroll-linked depth, no scroll listener. */
    @supports (animation-timeline: scroll()) {
      .m1-hero-copy {
        animation-timeline: scroll(root block);
        animation-range: 0 82vh;
      }
    }

    .m1-hero-question {
      margin-top: clamp(56px, 7vh, 88px);
    }
    .m1-question-head {
      padding-bottom: 18px;
    }
    .m1-question-head h2 {
      margin: 0;
      font-size: clamp(25px, 2.2vw, 34px);
      font-weight: 400;
      letter-spacing: -.035em;
    }
    .m1-choice-grid {
      display: grid;
      grid-template-columns: 1fr;
      border-top: 1px solid var(--m1-color-ink);
      border-bottom: 1px solid var(--m1-color-line);
    }
    .m1-choice {
      min-height: 78px;
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr) auto;
      align-items: center;
      gap: 24px;
      padding: 0 8px;
      border: 0;
      border-bottom: 1px solid var(--m1-color-line);
      border-radius: 0;
      background: transparent;
      color: var(--m1-color-ink);
      font: inherit;
      text-align: left;
      cursor: pointer;
    }
    .m1-choice:last-child { border-bottom: 0; }
    .m1-choice:hover, .m1-choice:focus-visible { background: var(--m1-color-hover-soft); outline: none; }
    .m1-choice:focus-visible { box-shadow: inset 0 0 0 2px var(--m1-color-ink); }
    .m1-choice[aria-pressed="true"] { background: var(--m1-color-ink); color: var(--m1-color-on-ink); }
    .m1-choice-index { color: var(--m1-color-body); font-size: 12px; font-weight: 700; letter-spacing: .13em; }
    .m1-choice[aria-pressed="true"] .m1-choice-index { color: var(--m1-color-on-ink); }
    .m1-choice-problem { display: block; max-width: none; font-size: clamp(17px, 1.35vw, 20px); line-height: 1.2; white-space: nowrap; }
    .m1-choice-stage { font-size: 13px; font-weight: 700; text-align: right; white-space: nowrap; }
    .m1-hero-response {
      min-height: 96px;
      display: grid;
      grid-template-columns: 220px 1fr auto;
      align-items: center;
      gap: 32px;
      padding-top: 22px;
    }
    .m1-hero-response[hidden] { display: none; }
    .m1-response-copy { min-height: 46px; }
    .m1-response-copy { grid-column: 2; }
    .m1-response-copy strong { display: block; font-size: 18px; }
    .m1-response-copy span { display: block; margin-top: 4px; color: var(--m1-color-body); font-size: 14px; }
    .m1-response-action { min-width: 190px; grid-column: 3; }
    .m1-response-action[hidden] { display: none; }

    .m1-statement {
      padding: 130px 0;
      background: transparent;
    }
    .m1-statement blockquote {
      max-width: 1120px;
      margin: 0;
      font-size: clamp(38px, 5.4vw, 78px);
      font-weight: 400;
      letter-spacing: -.055em;
      line-height: 1.03;
    }
    .m1-statement p { max-width: 620px; margin: 38px 0 0 auto; color: var(--m1-color-body); font-size: 18px; }
    .m1-journey-title {
      max-width: 900px;
      margin: 0;
      font-size: clamp(48px, 6.2vw, 88px);
      font-weight: 400;
      letter-spacing: -.06em;
      line-height: .96;
    }

    .m1-proof {
      padding: 130px 0;
      background: transparent;
    }
    .m1-proof-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
    .m1-proof h2, .m1-person h2, .m1-booking h2, .m1-faq h2, .m1-closing h2 {
      margin: 0;
      font-size: clamp(44px, 5.3vw, 76px);
      font-weight: 400;
      letter-spacing: -.055em;
      line-height: 1;
    }

    .m1-person {
      border-top: 1px solid var(--m1-color-line);
      background: transparent;
    }
    .m1-person-grid {
      min-height: 720px;
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      align-items: stretch;
    }
    .m1-person-copy { padding: 112px 90px 90px 0; }
    .m1-person-copy > p:not(.m1-eyebrow) { max-width: 620px; color: var(--m1-color-body); font-size: 19px; }
    .m1-principles { margin: 60px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--m1-color-line); }
    .m1-principles [data-m1-media-trigger] {
      width: 100%;
      display: grid;
      grid-template-columns: 50px 1fr;
      padding: 22px 0;
      border: 0;
      border-bottom: 1px solid var(--m1-color-line);
      background: transparent;
      color: inherit;
      font: inherit;
      text-align: left;
      cursor: pointer;
    }
    .m1-principles span { color: var(--m1-color-body); }
    .m1-person-image { position: relative; overflow: hidden; border-left: 1px solid var(--m1-color-rust); background: var(--m1-color-canvas); }
    .m1-person-image img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }

    .m1-booking {
      padding: 130px 0;
      border-top: 1px solid var(--m1-color-line);
      background: transparent;
    }
    .m1-booking-head {
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      align-items: end;
      gap: 80px;
      padding-bottom: 72px;
    }
    .m1-booking-intro { max-width: 520px; margin: 0 0 4px auto; color: var(--m1-color-body); font-size: 18px; }
    .m1-booking-feature {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 42px;
      padding: 38px 0;
      border-top: 2px solid var(--m1-color-ink);
      border-bottom: 1px solid var(--m1-color-line);
    }
    .m1-booking-feature h3 { margin: 0; font-size: clamp(30px, 3.2vw, 46px); font-weight: 400; letter-spacing: -.045em; }
    .m1-booking-feature p { max-width: 620px; margin: 8px 0 0; color: var(--m1-color-body); font-size: 17px; }
    .m1-booking-feature .m1-webscore-logo { display: block; width: 180px; height: auto; margin-bottom: 18px; }
    .m1-booking-feature .m1-webscore-logo--dark { display: none; }
    [data-theme="dark"] .m1-booking-feature .m1-webscore-logo--light { display: none; }
    [data-theme="dark"] .m1-booking-feature .m1-webscore-logo--dark { display: block; }
    /* Not bookable yet: a quiet status chip instead of a booking button. */
    .m1-booking-feature .m1-chip {
      justify-self: end;
      padding: 8px 16px;
      border: 1px solid var(--m1-color-line-strong);
      border-radius: 999px;
      color: var(--m1-color-body);
      font-size: 12px;
      font-weight: var(--m1-weight-meta);
      letter-spacing: .08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .m1-booking .m1-button { white-space: nowrap; }
    .m1-booking-flow {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      margin: 0;
      padding: 42px 0 0;
      list-style: none;
    }
    .m1-booking-flow li { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding-right: 28px; }
    .m1-booking-flow span { color: var(--m1-color-body); font-size: 12px; font-weight: 700; letter-spacing: .1em; }
    .m1-booking-flow strong { font-size: 17px; font-weight: 600; }
    .m1-booking-flow small { display: block; margin-top: 3px; color: var(--m1-color-body); font-size: 14px; }

    .m1-faq {
      padding: 130px 0;
      border-top: 1px solid var(--m1-color-line);
      background: transparent;
    }
    .m1-faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
    .m1-faq-list { border-top: 2px solid var(--m1-color-ink); }
    .m1-faq details { border-bottom: 1px solid var(--m1-color-line); }
    .m1-faq summary {
      position: relative;
      padding: 26px 46px 26px 0;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.25;
      cursor: pointer;
      list-style: none;
    }
    .m1-faq summary::-webkit-details-marker { display: none; }
    .m1-faq summary::after { content: '+'; position: absolute; top: 22px; right: 4px; color: var(--m1-color-body); font-size: 28px; font-weight: 400; }
    .m1-faq details p { max-width: 650px; margin: -5px 46px 26px 0; color: var(--m1-color-body); font-size: 16px; }

    .m1-closing { padding: 110px 0; background: transparent; color: var(--m1-color-ink); }
    .m1-closing-grid {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      align-items: end;
      gap: 80px;
      padding: clamp(54px, 6vw, 84px);
      background: transparent;
      border: 1px solid var(--m1-color-teal-fill);
      border-radius: 0;
    }
    .m1-closing p { color: var(--m1-color-body); }
    .m1-closing p { max-width: 600px; margin: 24px 0 0; font-size: 18px; }
    .m1-closing-action { display: flex; justify-content: flex-end; }
    .m1-closing .m1-button { border-color: var(--m1-color-teal-fill); background: var(--m1-color-teal-fill); color: var(--m1-color-on-action); }
    .m1-footer { padding: 28px 0; border-top: 1px solid var(--m1-color-line); background: transparent; color: var(--m1-color-body); font-size: 13px; }
    .m1-footer-inner { display: flex; justify-content: space-between; gap: 20px; }
    .m1-footer-inner div { display: flex; gap: 24px; }

    @media (max-width: 920px) {
      .m1-nav a:not(.m1-button) { display: none; }
      .m1-hero-grid { min-height: auto; padding: 64px 0 38px; }
      .m1-hero-composition { min-height: 620px; }
      .m1-stage-inner, .m1-proof-grid, .m1-person-grid, .m1-booking-head, .m1-faq-grid, .m1-closing-grid { grid-template-columns: 1fr; }
      .m1-hero .m1-hero__title { font-size: clamp(58px, 9vw, 76px); }
      .m1-hero .m1-hero__thesis { font-size: clamp(37.5px, 6.25vw, 50px); }
      .m1-hero-response { grid-template-columns: 1fr; gap: 10px; }
      .m1-choice { min-height: 74px; }
      .m1-hero-response { gap: 16px; padding-top: 26px; }
      .m1-response-copy { grid-column: 1; }
      .m1-response-action { grid-column: 1; }
      .m1-response-action { justify-self: start; }
      .m1-statement { padding: 90px 0; }
      .m1-proof { padding: 90px 0; }
      .m1-proof-grid { gap: 52px; }
      .m1-person-copy { padding: 88px 0 62px; }
      .m1-person-image { min-height: 620px; }
      .m1-booking { padding: 90px 0; }
      .m1-booking-head { gap: 34px; padding-bottom: 54px; }
      .m1-booking-intro { margin-left: 0; }
      .m1-booking-feature { grid-template-columns: 1fr; gap: 22px; }
      .m1-booking-feature :is(.m1-button, .m1-chip) { justify-self: start; }
      .m1-faq { padding: 90px 0; }
      .m1-faq-grid { gap: 52px; }
      .m1-closing { padding: 92px 0; }
      .m1-closing-grid { gap: 46px; }
      .m1-closing-action { justify-content: flex-start; }
    }

    @media (max-width: 560px) {
      .m1-header__inner { min-height: 68px; }
      .m1-brand span { font-size: 14px; }
      .m1-brand img { height: 33px; }
      .m1-nav .m1-button { min-height: 48px; padding-inline: 15px; }
      .m1-hero .m1-hero__title { font-size: clamp(50px, 13vw, 64px); }
      .m1-hero .m1-hero__thesis { margin-top: 28px; font-size: 37.5px; }
      .m1-hero-composition { min-height: 520px; }
      .m1-hero-question { margin-top: 54px; }
      .m1-choice { min-height: 104px; grid-template-columns: 36px 1fr; gap: 10px; padding: 14px 0; }
      .m1-choice-problem { font-size: 17px; white-space: normal; }
      .m1-choice-stage { grid-column: 2; text-align: left; }
      .m1-button { width: 100%; }
      .m1-statement blockquote { font-size: 38px; }
      .m1-journey-title, .m1-proof h2, .m1-person h2, .m1-booking h2, .m1-faq h2, .m1-closing h2 { font-size: 46px; }
      .m1-person-image { min-height: 500px; }
      .m1-booking-flow { grid-template-columns: 1fr; gap: 24px; }
      .m1-closing { padding: 64px 0; }
      .m1-closing-grid { padding: 38px 28px; border-radius: 0; }
      .m1-footer-inner, .m1-footer-inner div { flex-direction: column; gap: 8px; }
    }

    /* CODEX — close structural study of Krepling, translated to M1 */

    .m1-header {
      position: absolute;
      z-index: 30;
      top: 0;
      right: 0;
      left: 0;
      border-bottom: 0;
      background: transparent;
      backdrop-filter: none;
    }

     .m1-header__inner { min-height: 88px; }
    .m1-nav { gap: 36px; }
    .m1-nav a { color: var(--m1-color-ink); font-size: 14px; }

    .m1-nav .m1-button,
    .m1-button {
      min-height: 50px;
      padding-inline: 24px;
      border: 1px solid var(--m1-color-teal-fill);
      border-radius: 12px;
      background: var(--m1-color-teal-fill);
      color: var(--m1-color-on-action);
      transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
    }

    .m1-button--secondary { background: transparent; color: var(--m1-color-ink); }

    .m1-nav .m1-button:hover,
    .m1-button:hover {
      background: var(--m1-color-teal-fill);
      transform: translateY(-2px);
    }

    .m1-nav .m1-booking-primary {
      border-color: var(--m1-color-teal-fill);
      background: var(--m1-color-teal-fill);
    }

    .m1-nav .m1-project-link { font-weight: 600; }

    .m1-hero {
      overflow: clip;
      border-bottom: 0;
    }

    .m1-hero-grid {
      position: relative;
      min-height: 0;
      padding: 0;
    }

    .m1-hero-composition {
      position: relative;
      min-height: clamp(820px, 74svh, 900px);
      overflow: visible;
      --m1-hero-right-rail: max(0px, calc(((100% - 240px) / 16) + var(--m1-editorial-grid-gap)));
    }

    .m1-hero-copy {
      position: static;
      width: auto;
      margin: 0;
      opacity: 1 !important;
      transform: none !important;
      text-align: right;
    }

    .m1-hero .m1-hero__category {
      position: absolute;
      z-index: 5;
      top: 88px;
      right: var(--m1-hero-right-rail);
      margin: 0;
      color: var(--m1-color-ink);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: .035em;
      line-height: 1.25;
      text-align: right;
    }

    .m1-hero .m1-hero__title {
      position: absolute;
      z-index: 5;
      top: 142px;
      right: var(--m1-hero-right-rail);
      bottom: auto;
      left: auto;
      width: min(76vw, 840px);
      margin: 0;
      font-size: clamp(62px, 7vw, 104px);
      font-weight: 400;
      letter-spacing: -.065em;
      line-height: .92;
      text-align: right;
    }

    .m1-hero__title em { color: var(--m1-color-teal-fill); font-style: normal; }
    .m1-hero-line { overflow: visible; padding: 0; margin: 0; }
    .m1-hero-line-content { transform: none; }

    .m1-hero .m1-hero__thesis {
      position: absolute;
      z-index: 5;
      top: 342px;
      right: var(--m1-hero-right-rail);
      width: min(68vw, 760px);
      margin: 0;
      font-size: clamp(35px, 3.375vw, 50px);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: 1.04;
      text-align: right;
    }

    .m1-hero__thesis strong { font-weight: 600; }

    .m1-hero-path {
      position: absolute;
      z-index: 5;
      right: var(--m1-hero-right-rail);
      bottom: 132px;
      margin: 0;
      font-size: clamp(18px, 1.55vw, 23px);
      font-weight: 400;
      letter-spacing: -.025em;
      line-height: 1.2;
      text-align: right;
    }

    .m1-hero-path strong { font-weight: 600; }

    .m1-hero-actions {
      position: absolute;
      z-index: 6;
      right: var(--m1-hero-right-rail);
      bottom: 54px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 12px;
    }

    .m1-hero-actions .m1-hero-buy {
      border-color: var(--m1-color-teal-fill);
      background: var(--m1-color-teal-fill);
      color: var(--m1-color-on-action);
    }

    /* Codex hero artwork: one quiet, directional form — no cards or icons. */

    /* M1 Kinetic Mark — the original brand geometry becomes the hero object. */

    .m1-hero-question {
      position: relative;
      z-index: 3;
      margin: 0;
      padding: 110px 0 170px;
    }

    .m1-question-head {
      width: min(100%, 980px);
      margin-left: auto;
      padding: 0;
      text-align: left;
    }

    .m1-question-head h2 {
      font-size: clamp(34px, 3.8vw, 54px);
      font-weight: 400;
      letter-spacing: -.04em;
      line-height: 1;
    }

    .m1-choice-grid {
      --m1-choice-row-reach: max(20px, calc((100vw - var(--m1-shell-max)) / 2));
      --m1-choice-row-grow: clamp(32px, 4vw, 56px);
      width: min(100%, 980px);
      margin: 72px 0 0 auto;
      border: 0;
      gap: 12px;
      overflow: visible;
    }

    .m1-choice {
      position: relative;
      width: calc(100% + var(--m1-choice-row-reach) + var(--m1-choice-row-grow));
      margin-left: calc(var(--m1-choice-row-grow) * -1);
      min-width: 0;
      min-height: 92px;
      grid-template-columns: 72px minmax(0, 1fr) clamp(250px, 22vw, 300px);
      gap: 24px;
      padding: 0 calc(28px + var(--m1-choice-row-reach)) 0 calc(28px + var(--m1-choice-row-grow));
      border: 0;
      border-radius: 16px 0 0 16px;
      background: var(--m1-color-patch);
      clip-path: inset(0 0 0 var(--m1-choice-row-grow) round 16px 0 0 16px);
      will-change: clip-path;
    }

    .m1-choice:hover,
    .m1-choice:focus-visible {
      background: var(--m1-color-patch-interactive);
      transform: none;
    }

    .m1-choice:focus-visible {
      outline: none;
      box-shadow: inset 0 0 0 3px var(--m1-color-teal-fill);
    }

    .m1-choice[aria-pressed="true"] {
      background: var(--m1-color-patch);
      color: var(--m1-color-ink);
    }

    .m1-choice[aria-pressed="true"]::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: var(--m1-choice-row-grow);
      width: 4px;
      background: var(--m1-color-teal-fill);
      content: "";
      pointer-events: none;
    }

    .m1-choice-index {
      color: var(--m1-color-teal-fill);
      font-size: clamp(30px, 2.4vw, 36px);
      font-weight: 600;
      line-height: 1;
    }
    .m1-choice[aria-pressed="true"] .m1-choice-index { color: var(--m1-color-teal-fill); }
    .m1-choice-problem { font-size: clamp(18px, 1.5vw, 22px); }
    .m1-choice-stage {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 28px;
      border-left: 1px solid var(--m1-color-line);
      font-size: clamp(17px, 1.4vw, 20px);
      font-weight: 700;
      text-align: left;
    }

    .m1-hero-response {
      width: min(100%, 980px);
      margin: 0 auto;
      grid-template-columns: 72px 1fr auto;
    }

    .m1-statement {
      padding: 140px 0 160px;
      background: var(--m1-color-surface);
    }

    .m1-statement blockquote {
      max-width: 1040px;
      margin: 0 auto;
      font-size: clamp(42px, 4.8vw, 68px);
      font-weight: 400;
      text-align: center;
      line-height: .98;
    }

    .m1-statement p {
      max-width: 620px;
      margin: 72px auto 0;
      text-align: center;
    }

    .m1-proof h2,
    .m1-person h2,
    .m1-booking h2,
    .m1-faq h2,
    .m1-closing h2 {
      font-size: clamp(38px, 4.4vw, 62px);
      line-height: .98;
    }
    .m1-booking-feature h3 { font-size: clamp(26px, 2.8vw, 38px); }

    .m1-pathway {
      padding: 0 20px 160px;
      background: var(--m1-color-band);
    }

    .m1-journey-title {
      max-width: 980px;
      margin: 0 auto;
      font-size: clamp(52px, 5.8vw, 82px);
      font-weight: 400;
      text-align: center;
      line-height: .94;
    }

    /* One shared page-stack effect for all three stages. */

    .m1-proof {
      padding: 160px 20px;
      background: var(--m1-color-band);
      color: var(--m1-color-ink);
    }

    .m1-proof-grid {
      min-height: 640px;
      grid-template-columns: .72fr 1.28fr;
      gap: 90px;
      padding: 84px;
      border-radius: 24px;
      background: var(--m1-color-surface);
      color: var(--m1-color-ink);
    }

    .m1-person {
      padding: 140px 20px;
      border: 0;
      background: var(--m1-color-band);
    }

    .m1-person-grid {
      min-height: 700px;
      overflow: hidden;
      border-radius: 24px;
      background: var(--m1-color-surface);
    }

    .m1-person-copy { padding: 84px 72px; }
    .m1-person-copy h2 {
      max-width: 650px;
      font-size: clamp(44px, 4vw, 58px);
      line-height: .96;
      text-wrap: balance;
    }
    .m1-person-copy > p:not(.m1-eyebrow) {
      max-width: 590px;
      margin: 36px 0 0;
      font-size: 18px;
      line-height: 1.55;
    }
    .m1-person-copy .m1-principles { margin-top: 46px; }
    .m1-person-copy .m1-principles [data-m1-media-trigger] {
      position: relative;
      isolation: isolate;
      grid-template-columns: 42px minmax(0, 1fr);
      align-items: start;
      gap: 12px;
      padding: 20px 0;
    }
    .m1-person-copy .m1-principles [data-m1-media-trigger]::before {
      content: "";
      position: absolute;
      inset: 4px -20px;
      z-index: -1;
      border-radius: 12px;
      background: rgb(var(--m1-rgb-teal) / 0);
      box-shadow: inset 3px 0 0 rgb(var(--m1-rgb-teal) / 0);
      pointer-events: none;
    }
    .m1-person-copy .m1-principles [data-m1-media-trigger].m1-is-active::before {
      inset: -10px -20px;
      background: rgb(var(--m1-rgb-teal) / .055);
      box-shadow: inset 3px 0 0 var(--m1-color-teal-fill);
    }
    .m1-person-copy .m1-principles strong {
      max-width: 560px;
      font-size: 16px;
      line-height: 1.35;
    }
    .m1-person-copy .m1-principles .m1-solution-detail {
      display: inline-block;
      margin-top: 6px;
      color: var(--m1-color-body);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.35;
    }
    .m1-person-image { border: 0; background: var(--m1-color-navy); }

    .m1-booking {
      padding: 156px 0;
      border: 0;
      background: var(--m1-color-surface);
    }

    .m1-booking-feature {
      margin-top: 28px;
      padding: 54px;
      border: 0;
      border-radius: 20px;
      background: var(--m1-color-band);
    }

    .m1-faq {
      padding: 156px 0;
      border: 0;
      background: var(--m1-color-band);
    }

    .m1-faq-list {
      padding: 28px 40px;
      border: 0;
      border-radius: 20px;
      background: var(--m1-color-surface);
    }

    .m1-closing {
      padding: 20px;
      background: var(--m1-color-band);
    }

    .m1-closing-grid {
      min-height: 660px;
      grid-template-columns: minmax(0, 1.25fr) minmax(290px, .55fr);
      align-items: stretch;
      gap: clamp(48px, 6vw, 92px);
      padding: 52px clamp(54px, 6vw, 84px) 0;
      border: 0;
      border-radius: 24px;
      background: var(--m1-color-ink-fixed);
      color: var(--m1-color-on-ink-fixed);
    }

    .m1-closing-copy {
      align-self: center;
      padding-bottom: 64px;
    }

    .m1-closing-visual {
      min-width: 0;
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      align-self: stretch;
      gap: 22px;
      padding-bottom: 64px;
    }

    .m1-closing-portrait {
      position: relative;
      min-height: 500px;
      margin: 0;
      overflow: hidden;
    }

    .m1-closing-portrait img {
      position: absolute;
      bottom: -96px;
      left: 50%;
      width: auto;
      height: 570px;
      max-width: none;
      display: block;
      filter: saturate(.94) contrast(1.025);
      transform: translate3d(-50%, 0, 0);
      transform-origin: 50% 100%;
    }

    .m1-closing-grid p { color: rgb(var(--m1-rgb-on-ink-fixed) / .58); }
    .m1-closing .m1-button { border-color: var(--m1-color-teal-fill); background: var(--m1-color-teal-fill); }
    .m1-footer { background: var(--m1-color-ink-fixed); color: rgb(var(--m1-rgb-on-ink-fixed) / .58); }

    @media (max-width: 920px) {
      .m1-nav a:not(.m1-button) { display: none; }
      .m1-hero-composition { min-height: 820px; }
      .m1-hero .m1-hero__category { top: 100px; right: var(--m1-hero-right-rail); }
      .m1-hero .m1-hero__thesis { top: 308px; right: var(--m1-hero-right-rail); width: min(72vw, 590px); }
      .m1-hero .m1-hero__title { top: 132px; width: min(86vw, 700px); }
      .m1-hero-actions { right: var(--m1-hero-right-rail); }
      .m1-hero-path { right: var(--m1-hero-right-rail); }
      .m1-stage-inner,
      .m1-proof-grid,
      .m1-person-grid,
      .m1-booking-head,
      .m1-faq-grid,
      .m1-closing-grid { grid-template-columns: 1fr; }
      .m1-proof-grid { padding: 64px 48px; }
    }

    @media (max-width: 620px) {
      .m1-header { top: 0; }
      .m1-header__inner { min-height: 72px; }
      .m1-hero-composition { min-height: max(620px, calc(100svh - 40px)); }
      .m1-hero .m1-hero__category {
        top: 100px;
        right: auto;
        left: 0;
        max-width: 330px;
        font-size: 12px;
        text-align: left;
      }
      .m1-hero .m1-hero__thesis {
        top: 294px;
        right: auto;
        left: 0;
        width: 280px;
        font-size: 22px;
        text-align: left;
      }
      .m1-hero .m1-hero__title {
        top: 146px;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        font-size: clamp(46px, 13vw, 58px);
        text-align: left;
      }
      .m1-hero-actions {
        right: auto;
        bottom: 26px;
        left: 0;
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
      }
      .m1-hero-actions .m1-button {
        min-height: 48px;
        padding-inline: 13px;
        font-size: 12px;
      }
      .m1-hero-path {
        right: auto;
        bottom: 88px;
        left: 0;
        width: 100%;
        font-size: 15px;
        text-align: left;
      }
      .m1-hero-question { padding: 96px 0 110px; }
      .m1-question-head h2 { font-size: 44px; }
      .m1-choice-grid { margin-top: 64px; }
      .m1-choice-grid { --m1-choice-row-reach: 16px; --m1-choice-row-grow: 24px; }
      .m1-choice {
        min-height: 116px;
        grid-template-columns: 36px 1fr;
        gap: 10px;
        padding: 18px 32px 18px 42px;
      }
      .m1-choice-problem { white-space: normal; }
      .m1-choice-stage { grid-column: 2; text-align: left; }
      .m1-hero-response { grid-template-columns: 1fr; }
      .m1-response-copy,
      .m1-response-action { grid-column: 1; }
      .m1-statement { padding-block: 130px; }
      .m1-statement blockquote { font-size: 38px; text-align: left; }
      .m1-statement p { margin-top: 72px; text-align: left; }
      .m1-pathway { padding-inline: 10px; }
      .m1-journey-title { font-size: 46px; text-align: left; }
      .m1-proof { padding: 120px 10px; }
      .m1-proof-grid { min-height: 0; padding: 48px 28px; }
      .m1-person { padding: 10px; }
      .m1-person-copy { padding: 64px 28px; }
      .m1-booking,
      .m1-faq { padding-block: 130px; }
      .m1-closing { padding: 10px; }
      .m1-closing-grid {
        min-height: 0;
        gap: 34px;
        padding: 64px 48px 0;
      }
      .m1-closing-copy { padding-bottom: 0; }
      .m1-closing-visual { min-height: 560px; padding-bottom: 48px; }
      .m1-closing-portrait { min-height: 480px; }
      .m1-closing-portrait img { bottom: -104px; height: 590px; }
    }

    @media (max-width: 360px) {
      .m1-hero .m1-hero__title { font-size: 42px; }
    }

    @media (max-width: 620px) {
      .m1-closing-grid { padding: 52px 28px 0; }
      .m1-closing-visual { min-height: 500px; padding-bottom: 34px; }
      .m1-closing-portrait { min-height: 420px; }
      .m1-closing-portrait img { bottom: -78px; height: 510px; }
      .m1-closing-action .m1-button { width: 100%; }
    }

    @media (prefers-reduced-motion: reduce) {
      .m1-closing-portrait img {
        opacity: 1 !important;
        clip-path: none !important;
        transform: translate3d(-50%, 0, 0) !important;
        transition: none !important;
      }
    }

    @media (min-width: 621px) and (max-height: 820px) {
      .m1-hero-composition { min-height: max(680px, calc(100svh - 40px)); }
      .m1-hero-path { bottom: 92px; }
      .m1-hero-actions { bottom: 28px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .m1-hero-copy,
      .m1-portrait-depth,
      .m1-hero-portrait img,
      .m1-hero-axis-arrow,
      .m1-hero-brand-mark,
      .m1-brand-live,
      .m1-brand-entry,
      .m1-brand-drive,
      .m1-brand-afterimage,
      .m1-brand-signal,
      .m1-choice,
      .m1-hero-art-ribbon,
      .m1-hero-art-gap,
      .m1-hero-art-edge,
      .m1-hero-art-gap-edge,
      .m1-hero-art-focus { opacity: 1; transform: none; transition: none; }
    }

    /* Codex 2: the consulting photograph is the motion field, not decoration. */
    :where(.m1-hero--photo) {
      isolation: isolate;
      background: var(--m1-color-canvas);
    }

    :where(.m1-hero--photo) .m1-hero__category,
    .m1-hero--photo .m1-hero__title,
    :where(.m1-hero--photo) .m1-hero__thesis,
    :where(.m1-hero--photo) .m1-hero-path,
    :where(.m1-hero--photo) .m1-hero-actions {
      text-shadow: 0 1px 18px rgb(var(--m1-rgb-veil) / .18);
    }

    .m1-hero--photo .m1-hero__title {
      top: 152px;
      width: min(69vw, 830px);
      font-size: clamp(62px, 6.6vw, 96px);
    }

    :where(.m1-hero--photo) .m1-hero__thesis {
      top: 350px;
      width: min(61vw, 710px);
    }

    @media (max-width: 620px) {
      .m1-hero--photo .m1-hero__title { top: 146px; width: 100%; font-size: clamp(46px, 13vw, 58px); }
      :where(.m1-hero--photo) .m1-hero__thesis { top: 294px; width: 280px; }
    }

    /* Codex 2 / service fall: meaning before spectacle. */

    :where(.m1-hero--photo) {
      background: var(--m1-color-canvas);
    }

    :where(.m1-hero--photo) .m1-hero__category,
    .m1-hero--photo .m1-hero__title,
    :where(.m1-hero--photo) .m1-hero__thesis,
    :where(.m1-hero--photo) .m1-hero-path,
    :where(.m1-hero--photo) .m1-hero-actions {
      text-shadow: none;
    }

    .m1-hero-service-motion {
      position: absolute;
      z-index: 2;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
    }

    .m1-service-symbol {
      --m1-symbol-size: 54px;
      position: absolute;
      top: 438px;
      right: calc(var(--m1-hero-right-rail) + 44px);
      width: var(--m1-symbol-size);
      color: var(--m1-color-navy);
      opacity: 0;
      transform-origin: 50% 42%;
      will-change: transform, opacity;
    }

    .m1-service-symbol svg {
      display: block;
      width: 100%;
      height: auto;
      overflow: visible;
    }

    .m1-service-symbol .m1-service-label {
      display: block;
      margin-top: 9px;
      color: var(--m1-color-body);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .14em;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
    }

    .m1-service-symbol.m1-linkedin {
      color: var(--m1-color-navy);
    }

    .m1-service-symbol.m1-website {
      color: var(--m1-color-teal-fill);
    }

    .m1-service-symbol.m1-marketing {
      color: var(--m1-color-rust);
    }

    .m1-service-symbol.m1-ai {
      color: var(--m1-color-navy);
    }

    .m1-service-symbol.m1-mittelstand {
      color: var(--m1-color-ink);
    }

    @media (max-width: 920px) {
      .m1-service-symbol { --m1-symbol-size: 48px; right: calc(var(--m1-hero-right-rail) + 28px); }
    }

    @media (max-width: 620px) {
      .m1-hero-service-motion { top: 0; }
      .m1-service-symbol { top: 388px; right: 12px; --m1-symbol-size: 38px; }
      .m1-service-symbol .m1-service-label { margin-top: 6px; font-size: 8px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .m1-hero-service-motion { display: none; }
    }

    /* Premium register system: the page stack stays legible after the backdrop retracts. */
    .m1-pathway { padding-bottom: 80px; }
    .m1-person { padding-top: 80px; }

    /* Editorial proof viewer for the click dummy. */
    .m1-proof-grid {
      min-height: 680px;
      grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
      gap: 0;
      padding: 0;
      overflow: hidden;
      border: 1px solid rgb(var(--m1-rgb-slate) / .12);
      background: var(--m1-color-paper);
      box-shadow: 0 34px 90px rgb(var(--m1-rgb-shade) / .08);
    }

    .m1-proof-index {
      display: flex;
      flex-direction: column;
      padding: 72px 54px 42px;
      border-right: 1px solid rgb(var(--m1-rgb-slate) / .14);
      background: var(--m1-color-paper-muted);
      color: var(--m1-color-ink);
    }

    .m1-proof-eyebrow {
      color: var(--m1-color-teal-fill);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .m1-proof-index h2 { margin-top: 24px; color: var(--m1-color-ink); font-size: clamp(44px, 4.6vw, 66px); }

    .m1-proof-tabs {
      display: grid;
      margin-top: auto;
      border-top: 1px solid rgb(var(--m1-rgb-slate) / .16);
    }

    .m1-proof-tab {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 3px 12px;
      padding: 19px 0;
      border: 0;
      border-bottom: 1px solid rgb(var(--m1-rgb-slate) / .16);
      background: transparent;
      color: rgb(var(--m1-rgb-slate) / .56);
      font: inherit;
      text-align: left;
      cursor: pointer;
    }

    .m1-proof-tab span { grid-row: 1 / 3; color: var(--m1-color-rust); font-size: 11px; letter-spacing: .12em; }
    .m1-proof-tab strong { font-size: 16px; font-weight: 600; }
    .m1-proof-tab small { font-size: 12px; }
    .m1-proof-tab:hover,
    .m1-proof-tab[aria-pressed="true"] { padding-left: 12px; color: var(--m1-color-ink); }
    .m1-proof-tab[aria-pressed="true"] { box-shadow: 3px 0 0 var(--m1-color-teal-fill) inset; }

    .m1-proof-stage {
      display: flex;
      flex-direction: column;
      padding: 72px 68px 54px;
      color: var(--m1-color-ink);
    }

    .m1-proof-stage-head,
    .m1-proof-meta {
      display: flex;
      justify-content: space-between;
      gap: 30px;
    }

    .m1-proof-status,
    .m1-proof-count {
      color: var(--m1-color-rust);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .m1-proof-count { color: var(--m1-color-body); }
    .m1-proof-stage blockquote {
      max-width: 790px;
      margin: auto 0;
      font-size: clamp(38px, 4.2vw, 62px);
      font-weight: 400;
      letter-spacing: -.052em;
      line-height: .98;
    }

    .m1-proof-stage.m1-is-switching blockquote { }

    .m1-proof-meta {
      align-items: end;
      padding-top: 26px;
      border-top: 1px solid rgb(var(--m1-rgb-slate) / .18);
    }

    .m1-proof-meta > div { display: grid; gap: 3px; }
    .m1-proof-meta strong { font-size: 17px; }
    .m1-proof-meta span { color: var(--m1-color-body); font-size: 13px; }
    .m1-proof-meta small { color: var(--m1-color-body); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .m1-proof-meta a { color: var(--m1-color-ink); font-size: 13px; font-weight: 600; text-decoration: none; }

    /* M1 headline rhythm: setup light, decisive phrase medium. */
    .m1-heading-light { font-weight: 400; }
    .m1-heading-medium { font-weight: 600; }

    @media (max-width: 920px) {
      .m1-proof-grid { grid-template-columns: 1fr; }
      .m1-proof-index { min-height: 480px; }
      .m1-proof-stage { min-height: 620px; }
    }

    @media (max-width: 620px) {
      .m1-proof-index { min-height: 420px; padding: 46px 28px 28px; }
      .m1-proof-stage { min-height: 560px; padding: 46px 28px 34px; }
      .m1-proof-stage blockquote { font-size: 36px; }
      .m1-proof-meta { display: grid; grid-template-columns: 1fr; align-items: start; }
      .m1-person { padding-top: 10px; }
    }

    /* Codex 2 experiment: left-aligned editorial hero with a horizontal service belt. */
    :where(.m1-hero--photo) .m1-hero-composition {
      --m1-editorial-window-width: clamp(390px, 34vw, 520px);
    }

    :where(.m1-hero--photo) .m1-hero__category {
      right: auto;
      left: 0;
      text-align: left;
    }

    .m1-hero--photo .m1-hero__title {
      right: auto;
      left: 0;
      width: min(66vw, 850px);
      text-align: left;
    }

    :where(.m1-hero--photo) .m1-hero__thesis {
      right: auto;
      left: 0;
      width: min(70vw, 760px);
      text-align: left;
    }

    :where(.m1-hero--photo) .m1-hero-path {
      right: 0;
      left: auto;
      width: var(--m1-editorial-window-width);
      text-align: left;
    }

    :where(.m1-hero--photo) .m1-hero-actions {
      right: 0;
      left: auto;
      width: var(--m1-editorial-window-width);
      justify-content: flex-start;
    }

    :where(.m1-hero--photo) .m1-hero-editorial-window {
      --m1-photo-pointer-x: 0px;
      --m1-photo-pointer-y: 0px;
      --m1-photo-scroll-y: 0px;
      position: absolute;
      z-index: 3;
      top: 144px;
      right: 0;
      width: var(--m1-editorial-window-width);
      margin: 0;
      pointer-events: none;
    }

    :where(.m1-hero--photo) .m1-editorial-window-aperture {
      position: relative;
      height: clamp(292px, 25vw, 370px);
      overflow: hidden;
      background: var(--m1-color-portrait);
      clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 69%, 6% 69%, 6% 24%, 13% 24%);
    }

    :where(.m1-hero--photo) .m1-editorial-window-drift {
      position: absolute;
      inset: -10px;
    }

    :where(.m1-hero--photo) .m1-editorial-window-drift img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: 22% 50%;
      filter: saturate(.88) contrast(1.035) brightness(1.015);
      transform-origin: 42% 46%;
    }

    :where(.m1-hero--photo) .m1-hero-service-motion {
      --m1-belt-width: calc(100% - var(--m1-editorial-window-width) + 72px);
      --m1-belt-start-x: 986px;
      --m1-belt-one-x: 600px;
      --m1-belt-mid-x: 300px;
      inset: auto auto 178px 0;
      width: var(--m1-belt-width);
      height: 104px;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
    }

    :where(.m1-hero--photo) .m1-service-symbol {
      --m1-symbol-size: 46px;
      top: 15px;
      right: auto;
      left: 0;
    }

    :where(.m1-hero--photo) .m1-person-image { background: var(--m1-color-portrait); }
    :where(.m1-hero--photo) .m1-person-image img {
      object-fit: cover;
      object-position: 50% 58%;
      filter: saturate(.92) contrast(1.02);
    }

    @media (max-width: 620px) {
      .m1-person-copy h2 {
        font-size: clamp(38px, 11vw, 44px);
        line-height: .97;
      }
      .m1-person-copy > p:not(.m1-eyebrow) {
        margin-top: 30px;
        font-size: 17px;
      }
      .m1-person-copy .m1-principles { margin-top: 40px; }
      .m1-person-copy .m1-principles [data-m1-media-trigger] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 14px;
      }
      .m1-person-copy .m1-principles strong { font-size: 15px; }
      .m1-person-copy .m1-principles .m1-solution-detail { font-size: 15px; }
    }

    @media (min-width: 621px) and (max-width: 820px) {
      :where(.m1-hero--photo) .m1-hero-composition { min-height: 1040px; }
      .m1-hero--photo .m1-hero__title { width: 100%; }
      :where(.m1-hero--photo) .m1-hero__thesis { width: min(78vw, 700px); }
      :where(.m1-hero--photo) .m1-hero-editorial-window {
        top: 448px;
        right: 0;
        left: 0;
        width: 100%;
      }
      :where(.m1-hero--photo) .m1-editorial-window-aperture { height: 260px; }
      :where(.m1-hero--photo) .m1-editorial-window-drift img { object-position: 18% 43%; }
      :where(.m1-hero--photo) .m1-hero-service-motion { bottom: 190px; }
      :where(.m1-hero--photo) .m1-hero-path,
      :where(.m1-hero--photo) .m1-hero-actions {
        right: auto;
        left: 0;
        width: 100%;
      }
    }

    @media (max-width: 620px) {
      :where(.m1-hero--photo) .m1-hero__category,
      .m1-hero--photo .m1-hero__title,
      :where(.m1-hero--photo) .m1-hero__thesis { left: 0; }
      .m1-hero--photo .m1-hero__title,
      :where(.m1-hero--photo) .m1-hero__thesis { width: 100%; }
      :where(.m1-hero--photo) .m1-hero-composition { min-height: 900px; }
      :where(.m1-hero--photo) .m1-hero-editorial-window {
        top: 384px;
        right: 0;
        left: 0;
        width: 100%;
      }
      :where(.m1-hero--photo) .m1-editorial-window-aperture { height: 210px; }
      :where(.m1-hero--photo) .m1-editorial-window-drift img { object-position: 16% 44%; }
      :where(.m1-hero--photo) .m1-hero-service-motion {
        --m1-belt-width: 100%;
        inset: auto 0 196px;
        width: 100%;
        height: 82px;
      }
      :where(.m1-hero--photo) .m1-hero-path { bottom: 104px; }
      :where(.m1-hero--photo) .m1-hero-path,
      :where(.m1-hero--photo) .m1-hero-actions {
        right: auto;
        left: 0;
        width: 100%;
      }
      :where(.m1-hero--photo) .m1-hero-actions { bottom: 30px; }
      :where(.m1-hero--photo) .m1-service-symbol { --m1-symbol-size: 36px; top: 10px; }
    }

    /* Codex 2: service navigation. */
     .m1-pathway {
      --m1-service-ink: var(--m1-color-ink);
      --m1-service-muted: var(--m1-color-body);
      --m1-service-line: rgb(var(--m1-rgb-slate) / .14);
      --m1-service-line-strong: rgb(var(--m1-rgb-slate) / .52);
      --m1-service-accent: var(--m1-color-teal-fill);
      --m1-service-surface: var(--m1-color-patch);
      position: relative;
      isolation: isolate;
      margin-top: 0;
      padding: clamp(72px, 6vw, 92px) clamp(28px, 4vw, 52px) clamp(96px, 8vw, 128px);
      overflow: clip;
      background: var(--m1-color-surface-warm);
      color: var(--m1-service-ink);
    }

     .m1-pathway::before {
      position: absolute;
      z-index: -1;
      top: clamp(28px, 3vw, 44px);
      bottom: clamp(32px, 4vw, 56px);
      left: 50%;
      width: min(calc(100% - 40px), 1600px);
      border-radius: var(--m1-radius-panel);
      background: var(--m1-color-band-strong);
      content: "";
      transform: translate3d(-50%, 0, 0);
    }

     .m1-pathway__frame {
      position: relative;
      z-index: 1;
      width: min(100%, 1520px);
      margin-inline: auto;
      padding: clamp(38px, 4vw, 62px) clamp(32px, 5vw, 76px) clamp(34px, 4vw, 58px);
      border: 1px solid rgb(var(--m1-rgb-slate) / .09);
      border-radius: var(--m1-radius-panel);
      background: var(--m1-service-surface);
      box-shadow: 0 38px 90px -76px rgb(var(--m1-rgb-shade) / .38);
    }

     .m1-pathway__header {
      display: grid;
      gap: clamp(26px, 4vw, 64px);
      align-items: end;
    }

     .m1-pathway__kicker {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 17px;
      color: var(--m1-color-teal-text);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .15em;
      line-height: 1;
      text-transform: uppercase;
    }

     .m1-pathway__kicker::before {
      width: 7px;
      height: 7px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--m1-service-accent);
      content: "";
    }

     .m1-pathway .m1-journey-title {
      max-width: none;
      margin: 0;
      color: var(--m1-service-ink);
      font-size: clamp(42px, 4.6vw, 68px);
      letter-spacing: -.052em;
      line-height: .92;
      text-align: left;
    }

     .m1-pathway__intro {
      max-width: 530px;
      margin: 0;
      color: var(--m1-service-muted);
      font-size: clamp(16px, 1.35vw, 20px);
      line-height: 1.48;
    }

     .m1-pathway__index {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-top: clamp(34px, 4.6vw, 64px);
      border-block: 1px solid var(--m1-service-line);
    }

     .m1-pathway__index-link {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      min-width: 0;
      min-height: 64px;
      padding: 12px clamp(12px, 1.7vw, 24px);
      color: var(--m1-color-body);
      text-decoration: none;
      transition: color 220ms ease, background-color 220ms ease;
    }

     .m1-pathway__index-link + .m1-pathway__index-link {
      border-left: 1px solid var(--m1-service-line);
    }

     .m1-pathway__index-link:hover {
      background: rgb(var(--m1-rgb-highlight) / .44);
      color: var(--m1-service-ink);
    }

     .m1-pathway__index-link:focus-visible {
      z-index: 1;
      outline: 3px solid var(--m1-service-accent);
      outline-offset: -3px;
    }

     .m1-pathway__index-number {
      color: var(--m1-service-accent);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .1em;
    }

     .m1-pathway__index-label {
      min-width: 0;
      font-size: clamp(14px, 1.15vw, 17px);
      font-weight: 600;
      line-height: 1.2;
      text-wrap: balance;
    }

     .m1-pathway__stages {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      margin-top: clamp(48px, 6vw, 88px);
    }

     .m1-pathway__stage {
      position: relative;
      min-width: 0;
      padding: clamp(38px, 5vw, 64px) 0 clamp(44px, 6vw, 72px);
      scroll-margin-top: 92px;
      border-top: 1px solid var(--m1-service-line-strong);
    }

     .m1-pathway__stage:target {
      border-top-color: var(--m1-service-accent);
    }

     .m1-pathway__stage > .m1-stage__number {
      position: relative;
      z-index: 1;
      display: block;
      width: fit-content;
      margin: 0 0 20px;
      color: rgb(var(--m1-rgb-teal) / .24);
      font-size: clamp(48px, 6vw, 56px);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: .82;
      pointer-events: none;
      user-select: none;
    }

     .m1-pathway__stage .m1-stage__title {
      position: relative;
      z-index: 1;
      max-width: 12ch;
      margin: 0;
      color: var(--m1-service-ink);
      font-size: clamp(34px, 6vw, 54px);
      letter-spacing: -.046em;
      line-height: .94;
      text-wrap: balance;
    }

     .m1-pathway__stage > .m1-stage__subline {
      position: relative;
      z-index: 1;
      max-width: 52ch;
      margin: 22px 0 0;
      color: var(--m1-service-muted);
      font-size: clamp(15px, 1.15vw, 17px);
      line-height: 1.5;
    }

     .m1-pathway__list {
      margin: clamp(30px, 4vw, 46px) 0 0;
      padding: 0;
      list-style: none;
      border-bottom: 1px solid var(--m1-service-line);
    }

     .m1-pathway__list li {
      margin: 0;
      border-top: 1px solid var(--m1-service-line);
    }

     .m1-pathway__service-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      min-width: 0;
      min-height: 44px;
      padding: clamp(17px, 2vw, 23px) 4px;
      color: inherit;
      text-decoration: none;
      transition: color 220ms ease, background-color 220ms ease, transform 280ms cubic-bezier(.2, .72, .2, 1);
    }

     .m1-pathway__service-row:hover {
      background: rgb(var(--m1-rgb-highlight) / .48);
      color: var(--m1-service-ink);
      transform: translate3d(4px, 0, 0);
    }

     .m1-pathway__service-row:focus-visible {
      outline: 3px solid var(--m1-service-accent);
      outline-offset: -3px;
    }

     .m1-pathway__service-copy { min-width: 0; }

     .m1-pathway__service-number {
      display: block;
      margin-bottom: 8px;
      color: var(--m1-color-teal-text);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .15em;
      line-height: 1;
      text-transform: uppercase;
    }

     .m1-pathway__service-row h4 {
      margin: 0;
      color: var(--m1-service-ink);
      font-size: clamp(18px, 1.42vw, 21px);
      font-weight: 600;
      letter-spacing: -.025em;
      line-height: 1.14;
      overflow-wrap: anywhere;
    }

     .m1-pathway__service-row p {
      max-width: 56ch;
      margin: 8px 0 0;
      color: var(--m1-service-muted);
      font-size: clamp(14px, 1vw, 15.5px);
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

     .m1-pathway__baseline {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      margin-top: clamp(16px, 3vw, 36px);
      padding-top: 14px;
      border-top: 1px solid var(--m1-service-line);
      color: var(--m1-service-muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .14em;
      line-height: 1.3;
      text-transform: uppercase;
    }

     .m1-pathway__baseline strong {
      color: var(--m1-service-ink);
      font-weight: 600;
    }

    @media (min-width: 1024px) {
       .m1-pathway__header {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
      }

       .m1-pathway__intro {
        padding-left: clamp(12px, 2vw, 32px);
      }
    }

    @media (min-width: 1024px) {
       .m1-pathway__stages {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
      }

       .m1-pathway__stage {
        display: grid;
        grid-template-rows: auto auto minmax(7.5em, auto) 1fr;
        align-content: start;
        padding: clamp(30px, 3vw, 42px) clamp(22px, 2.5vw, 40px) 0;
      }

       .m1-pathway__stage:first-child { padding-left: 0; }
       .m1-pathway__stage:last-child { padding-right: 0; }

       .m1-pathway__stage + .m1-pathway__stage {
        border-left: 1px solid var(--m1-service-line);
      }

       .m1-pathway__stage .m1-stage__title {
        min-height: 2em;
        font-size: clamp(30px, 2.8vw, 42px);
      }

       .m1-pathway__stage > .m1-stage__subline { min-height: 7.5em; }

       .m1-pathway__list {
        align-self: start;
        margin-top: clamp(24px, 3vw, 38px);
      }
    }

    @media (max-width: 620px) {
       .m1-pathway {
        padding: 60px 20px 72px;
      }

       .m1-pathway::before {
        top: 24px;
        bottom: 24px;
        width: calc(100% - 24px);
      }

       .m1-pathway__frame { padding: 34px 20px 24px; }

       .m1-pathway .m1-journey-title {
        font-size: clamp(39px, 12vw, 50px);
      }

       .m1-pathway__intro {
        margin-top: 22px;
        font-size: 16px;
      }

       .m1-pathway__index { margin-top: 30px; }

       .m1-pathway__index-link {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 6px;
        min-height: 56px;
        padding: 8px 6px;
      }

       .m1-pathway__index-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

       .m1-pathway__index-number { font-size: 15px; }
       .m1-pathway__stages { margin-top: 42px; }
       .m1-pathway__stage { padding-block: 38px 48px; }
       .m1-pathway__stage .m1-stage__title { font-size: clamp(38px, 12vw, 50px); }
       .m1-pathway__stage > .m1-stage__subline { margin-top: 18px; }
       .m1-pathway__list { margin-top: 28px; }
       .m1-pathway__service-row { padding-block: 17px; }
       .m1-pathway__service-row h4 { font-size: 19px; }
       .m1-pathway__service-row p { font-size: 14px; }

       .m1-pathway__baseline {
        flex-direction: column;
        gap: 5px;
      }
    }

    @media (max-width: 360px) {
       .m1-pathway__frame { padding-inline: 18px; }
       .m1-pathway__stage .m1-stage__title { font-size: 38px; }

       .m1-pathway__service-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
       .m1-pathway__index-link,
       .m1-pathway__service-row {
        transition: none;
      }
    }

    /* Premium editorial component composition. */
     .m1-hero,
     .m1-proof,
     .m1-statement {
      background: var(--m1-color-surface-warm);
    }

     .m1-hero {
      border-bottom: 0;
    }

     .m1-proof {
      position: relative;
      isolation: isolate;
      overflow: clip;
      padding: clamp(132px, 11vw, 172px) 20px clamp(88px, 8vw, 124px);
    }

     .m1-proof::before {
      position: absolute;
      z-index: -1;
      top: clamp(72px, 6vw, 96px);
      bottom: clamp(40px, 4vw, 60px);
      left: 50%;
      width: min(calc(100% - 40px), 1520px);
      border-radius: var(--m1-radius-panel);
      background: var(--m1-color-proof-frame);
      content: "";
      transform: translate3d(-50%, 0, 0);
      transform-origin: 50% 50%;
    }

     .m1-proof-grid {
      position: relative;
      z-index: 1;
      width: min(calc(100% - clamp(72px, 8vw, 128px)), 1400px);
      border-radius: var(--m1-radius-panel);
    }

     .m1-hero-grid {
      min-height: auto;
      padding: calc(88px + clamp(44px, 4.5vw, 68px)) 0 0;
    }

     .m1-hero-composition {
      --m1-editorial-window-width: auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

     .m1-hero-core {
      display: grid;
      grid-template-columns: minmax(0, 1.62fr) minmax(320px, .98fr);
      align-items: start;
      gap: clamp(48px, 6vw, 96px);
    }

     .m1-hero-copy {
      position: relative;
      inset: auto;
      width: auto;
      margin: 0;
      text-align: left;
    }

     .m1-hero .m1-hero__title {
      position: relative;
      inset: auto;
      width: auto;
      max-width: 900px;
      margin: 0;
      font-size: clamp(64px, 6.35vw, 94px);
      line-height: .91;
      text-align: left;
    }

     .m1-hero-line-content { transform-origin: 0 100%; }

     .m1-hero .m1-hero__thesis {
      position: relative;
      inset: auto;
      width: auto;
      max-width: 760px;
      margin: clamp(30px, 3.2vw, 46px) 0 0;
      font-size: clamp(34px, 3.15vw, 47px);
      line-height: 1.01;
      text-align: left;
    }

     .m1-hero .m1-hero__category {
      position: relative;
      inset: auto;
      width: auto;
      max-width: 650px;
      margin: clamp(28px, 3vw, 44px) 0 0;
      color: var(--m1-color-ink);
      font-size: clamp(28px, 2.45vw, 36px);
      letter-spacing: -.035em;
      line-height: 1.03;
      text-align: left;
      text-transform: none;
    }

     .m1-hero__category .m1-heading-light { color: var(--m1-color-body); }
     .m1-hero__category .m1-heading-medium { color: var(--m1-color-ink); }

     .m1-hero-editorial-window {
      position: relative;
      inset: auto;
      z-index: 3;
      width: 100%;
      margin: 22px 0 0;
      transform: none;
    }

     .m1-editorial-window-aperture {
      height: clamp(280px, 24vw, 356px);
      clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 68%, 4% 68%, 4% 24%, 8% 24%);
      box-shadow: inset 0 0 0 1px rgb(var(--m1-rgb-shade) / .1);
    }

     .m1-hero-editorial-window figcaption {
      display: flex;
      justify-content: space-between;
      gap: 24px;
      padding: 12px 0 0;
      border-top: 1px solid rgb(var(--m1-rgb-slate) / .22);
      color: var(--m1-color-body);
      font-size: 10px;
      letter-spacing: .13em;
      line-height: 1.2;
      text-transform: uppercase;
    }

     .m1-hero-editorial-window figcaption strong {
      color: var(--m1-color-ink);
      font-weight: 700;
    }

     .m1-hero-editorial-window figcaption span { text-align: right; }

     .m1-hero-signal {
      display: grid;
      grid-template-columns: minmax(0, 1.62fr) minmax(320px, .98fr);
      align-items: end;
      gap: clamp(48px, 6vw, 96px);
      margin-top: clamp(48px, 7vh, 76px);
      padding-bottom: clamp(34px, 4vw, 52px);
    }

     .m1-hero-service-motion {
      --m1-belt-width: 100%;
      position: relative;
      inset: auto;
      width: 100%;
      height: 112px;
      overflow: hidden;
      border-top: 1px solid rgb(var(--m1-rgb-slate) / .2);
      border-bottom: 1px solid rgb(var(--m1-rgb-slate) / .12);
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    }

     .m1-service-symbol {
      --m1-symbol-size: 46px;
      top: 22px;
    }

     .m1-hero-conversion {
      padding-top: 21px;
      border-top: 1px solid rgb(var(--m1-rgb-slate) / .2);
    }

     .m1-hero-path {
      position: relative;
      inset: auto;
      width: auto;
      margin: 0;
      font-size: clamp(16px, 1.3vw, 19px);
      text-align: left;
    }

     .m1-hero-actions {
      position: relative;
      inset: auto;
      width: auto;
      margin-top: 24px;
      justify-content: flex-start;
    }

     .m1-hero-question {
      margin-top: 0;
      padding: clamp(88px, 11vw, 150px) 0 0;
    }

    @media (max-width: 1100px) {
       .m1-hero-core,
       .m1-hero-signal {
        grid-template-columns: minmax(0, 1.4fr) minmax(290px, .8fr);
        gap: 36px;
      }
       .m1-hero .m1-hero__title { font-size: clamp(60px, 7.2vw, 76px); }
       .m1-hero .m1-hero__thesis { font-size: clamp(32px, 4vw, 42px); }
       .m1-editorial-window-aperture { height: clamp(260px, 29vw, 320px); }
    }

    @media (max-width: 820px) {
       .m1-hero-grid { padding-top: 42px; }
       .m1-hero-composition { min-height: auto; }
       .m1-hero-core,
       .m1-hero-signal { grid-template-columns: 1fr; }
       .m1-hero .m1-hero__title,
       .m1-hero .m1-hero__thesis { width: 100%; }
       .m1-hero-editorial-window {
        width: min(100%, 560px);
        margin-top: 42px;
        justify-self: end;
      }
       .m1-editorial-window-aperture { height: 320px; }
       .m1-editorial-window-aperture {
        clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 68%, 4% 68%, 4% 24%, 8% 24%);
      }
       .m1-hero-signal { margin-top: 60px; }
       .m1-hero-service-motion {
        inset: auto;
        width: 100%;
      }
       .m1-hero-conversion { max-width: 560px; }
    }

    @media (max-width: 620px) {
       .m1-hero-grid { padding-top: 106px; }
       .m1-hero .m1-hero__title { font-size: clamp(48px, 13vw, 60px); }
       .m1-hero .m1-hero__thesis {
        margin-top: 28px;
        font-size: clamp(30px, 8.5vw, 38px);
      }
       .m1-hero .m1-hero__category {
        margin-top: 28px;
        font-size: clamp(28px, 7.8vw, 34px);
      }
       .m1-hero-editorial-window { margin-top: 36px; }
       .m1-editorial-window-aperture { height: 248px; }
       .m1-hero-signal { margin-top: 48px; padding-bottom: 40px; }
       .m1-hero-service-motion {
        inset: auto;
        height: 92px;
      }
       .m1-service-symbol { --m1-symbol-size: 38px; top: 17px; }
       .m1-hero-actions { flex-wrap: wrap; }
       .m1-hero-actions .m1-button { min-width: 0; }
       .m1-hero-question { padding-top: 88px; }
       .m1-proof { padding: 96px 12px 60px; }
       .m1-proof::before {
        top: 48px;
        bottom: 24px;
        width: calc(100% - 24px);
      }
       .m1-proof-grid { width: calc(100% - 48px); }
    }

    /* Final composes the expert-panel type scale from m1-foundation.m1-css. */
     .m1-heading-light { font-weight: var(--m1-weight-setup); }
     .m1-heading-medium { font-weight: var(--m1-weight-decision); }
     :where(.m1-proof-eyebrow, .m1-pathway__kicker, .m1-pathway__service-number) {
      font-weight: var(--m1-weight-meta);
    }

     .m1-hero .m1-hero__title {
      font-size: var(--m1-type-hero);
      font-weight: var(--m1-weight-setup);
      line-height: var(--m1-line-hero);
      letter-spacing: -.055em;
    }

     .m1-hero__title em { color: var(--m1-color-teal-text); }
     .m1-hero .m1-hero__thesis {
      font-size: var(--m1-type-hero-thesis);
      font-weight: var(--m1-weight-setup);
      line-height: 1.04;
      letter-spacing: -.035em;
    }

     .m1-hero__thesis strong { font-weight: var(--m1-weight-decision); }
     .m1-hero .m1-hero__category {
      font-size: var(--m1-type-hero-category);
      line-height: 1.05;
      letter-spacing: -.03em;
    }

     .m1-question-head h2,
     .m1-proof h2,
     .m1-journey-title,
     .m1-person h2,
     .m1-booking h2,
     .m1-faq h2,
     .m1-closing h2 {
      font-size: var(--m1-type-section);
      font-weight: var(--m1-weight-setup);
      line-height: .98;
      letter-spacing: -.045em;
    }

     .m1-pathway__stage .m1-stage__title {
      font-size: var(--m1-type-stage);
      line-height: 1;
      letter-spacing: -.035em;
    }

     :where(.m1-nav a, .m1-button, .m1-proof-tab, .m1-pathway__index-link, .m1-pathway__service-row) { font-family: var(--m1-font-sans); }
     .m1-button {
      min-height: 48px;
      font-size: var(--m1-type-button);
      font-weight: var(--m1-weight-decision);
    }

     .m1-nav a { font-size: 14px; font-weight: var(--m1-weight-decision); }
     .m1-choice-problem { font-size: clamp(18px, 1.46vw, 21px); }
     .m1-choice-stage { font-size: clamp(16px, 1.25vw, 18px); font-weight: var(--m1-weight-decision); }
     .m1-pathway__service-row h4 { font-size: clamp(18px, 1.46vw, 21px); font-weight: var(--m1-weight-decision); }

    /* Final: readable subline hierarchy. */
.m1-pathway__intro,
     .m1-person-copy > p:not(.m1-eyebrow),
     .m1-booking-intro,
     .m1-closing p,
     .m1-hero-path,
     .m1-statement-focus .m1-shell > p {
      font-size: var(--m1-type-section-subline);
      line-height: 1.5;
    }

     .m1-pathway__stage > .m1-stage__subline,
     .m1-principles .m1-solution-detail,
     .m1-booking-feature p,
     .m1-faq details p,
     .m1-response-copy span {
      font-size: var(--m1-type-stage-subline);
      line-height: 1.5;
    }

     .m1-pathway__service-row p,
     .m1-booking-flow small {
      font-size: var(--m1-type-service-subline);
      line-height: 1.5;
    }

     :where(
      .m1-hero-editorial-window figcaption,
      .m1-proof-status,
      .m1-proof-count,
      .m1-proof-meta small,
      .m1-pathway__kicker,
      .m1-pathway__service-number,
      .m1-pathway__baseline
    ) { font-size: var(--m1-type-meta); }

     .m1-statement-focus { padding-block: clamp(72px, 8vw, 118px); }
     .m1-statement-focus .m1-shell {
      padding: clamp(48px, 6vw, 84px) clamp(24px, 5vw, 72px);
      border-radius: 24px;
      background: var(--m1-color-band-strong);
    }

     .m1-statement-focus blockquote {
      max-width: 1260px;
      margin-inline: auto;
      font-size: clamp(34px, 3.55vw, 52px);
      font-weight: var(--m1-weight-setup);
      line-height: 1.18;
      letter-spacing: -.025em;
      text-align: center;
      text-wrap: balance;
    }

     .m1-statement-line { display: block; }
     .m1-statement-gradient {
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }

     .m1-statement-gradient--focus {
      background-image: linear-gradient(90deg, var(--m1-color-teal-text) 0%, var(--m1-color-teal-fill) 100%);
      font-weight: var(--m1-weight-decision);
    }

     .m1-statement-focus .m1-shell > p {
      max-width: 620px;
      margin: clamp(28px, 3vw, 38px) auto 0;
      color: var(--m1-color-body);
      font-size: 18px;
      line-height: 1.55;
      text-align: left;
    }

     .m1-page :where(a, button):focus-visible {
      outline: 3px solid var(--m1-color-teal-text);
      outline-offset: 3px;
    }

     :where(.m1-closing, .m1-footer) :where(a, button):focus-visible {
      outline-color: var(--m1-color-teal-fill);
      box-shadow: 0 0 0 2px var(--m1-color-ink-fixed), 0 0 0 5px var(--m1-color-teal-fill);
    }

     .m1-variant-bar {
      min-height: var(--m1-variant-bar-height);
      justify-content: flex-start;
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scrollbar-width: thin;
    }

     .m1-variant-tabs {
      width: max-content;
      min-width: max-content;
      margin-inline: auto;
      white-space: nowrap;
    }

     .m1-variant-tabs a { min-height: 40px; display: inline-flex; align-items: center; font-size: 11px; }
     .m1-variant-tabs a,
     .m1-brand,
     .m1-hero .m1-hero__category,
     .m1-hero-path,
     .m1-proof-index blockquote,
     .m1-statement blockquote,
     .m1-solution-detail { font-weight: var(--m1-weight-setup); }
     :where(.m1-hero-path, .m1-proof-tab, .m1-proof-meta, .m1-pathway__baseline, .m1-booking-flow, .m1-faq-list) strong,
     .m1-booking-feature h3,
     .m1-faq summary { font-weight: var(--m1-weight-decision); }
     :where(.m1-service-label, .m1-proof-status, .m1-proof-count, .m1-pathway__kicker, .m1-pathway__index-number, .m1-pathway__service-number, .m1-proof-meta small) {
      font-weight: var(--m1-weight-meta);
    }
     .m1-pathway__index-label { font-weight: var(--m1-weight-decision); }
     .m1-pathway__stage > .m1-stage__number { font-weight: var(--m1-weight-setup); }
     .m1-choice-index { font-weight: var(--m1-weight-decision); }
     .m1-hero-editorial-window figcaption strong,
     .m1-service-label,
     .m1-proof-status,
     .m1-proof-count,
     .m1-pathway__kicker,
     .m1-pathway__index-number,
     .m1-pathway__service-number,
     .m1-proof-meta small { font-weight: var(--m1-weight-meta); }
     .m1-principles .m1-solution-detail { font-weight: var(--m1-weight-setup); }
     .m1-pathway__baseline strong { font-weight: var(--m1-weight-decision); }
     .m1-pathway__baseline { font-weight: var(--m1-weight-meta); }
     .m1-hero-mobile-conversion { display: none; }
     .m1-mobile-navigation { display: none; position: relative; }
     .m1-customer-login {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      flex-shrink: 0;
      padding: 0 12px;
      border: 1px solid var(--m1-color-line);
      border-radius: var(--m1-radius-control);
      color: var(--m1-color-ink);
      font: 600 14px var(--m1-font-sans);
      text-decoration: none;
     }
     .m1-customer-login:focus-visible {
      outline: 3px solid var(--m1-color-teal-text);
      outline-offset: 3px;
     }
     .m1-customer-login:hover { background: var(--m1-color-patch); }
     @media (max-width: 380px) {
      .m1-header__inner .m1-brand span { display: none; }
     }
     @media (max-width: 1140px) {
      .m1-header__inner { gap: 12px; }
      .m1-nav { display: none; }
      .m1-mobile-navigation { display: block; }
      .m1-customer-login { margin-left: auto; }
     }
     .m1-mobile-navigation summary {
      min-width: 48px;
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgb(var(--m1-rgb-ink) / .2);
      border-radius: 10px;
      font-size: 14px;
      font-weight: var(--m1-weight-decision);
      cursor: pointer;
      list-style: none;
    }

     .m1-mobile-navigation summary::-webkit-details-marker { display: none; }
     .m1-mobile-navigation-panel {
      position: absolute;
      z-index: 40;
      top: calc(100% + 8px);
      right: 0;
      width: min(310px, calc(100vw - 32px));
      padding: 10px;
      border: 1px solid rgb(var(--m1-rgb-ink) / .15);
      border-radius: 14px;
      background: var(--m1-color-paper);
      box-shadow: 0 20px 50px rgb(var(--m1-rgb-shade) / .16);
    }

     .m1-mobile-navigation-panel a {
      min-height: 48px;
      display: flex;
      align-items: center;
      padding: 8px 12px;
      border-bottom: 1px solid rgb(var(--m1-rgb-ink) / .1);
      font-size: 15px;
      font-weight: var(--m1-weight-decision);
      text-decoration: none;
    }

     .m1-mobile-navigation-panel a:last-child { border-bottom: 0; }
     .m1-brand,
     .m1-nav > a:not(.m1-button),
     .m1-proof-meta a,
     .m1-footer-inner a {
      min-width: 44px;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
    }

     .m1-proof-mobile-controls { display: none; }

     .m1-closing h2 { color: var(--m1-color-on-ink-fixed); }

     .m1-person-image { background: var(--m1-color-portrait); }
     .m1-person-image img {
      object-fit: cover;
      object-position: 20% 50%;
    }

    @media (min-width: 1024px) {
       .m1-pathway__stage .m1-stage__title { min-height: 2em; }
    }

    @media (min-width: 621px) and (max-width: 820px) {
       .m1-hero-grid { padding-top: 40px; }

       .m1-choice {
        min-height: 0;
        grid-template-columns: 64px minmax(0, 1fr);
        grid-template-rows: auto auto;
        padding-block: 18px;
      }

       .m1-choice-index { grid-row: 1 / 3; }
       .m1-choice-problem {
        grid-column: 2;
        white-space: normal;
      }

       .m1-choice-stage {
        min-height: 0;
        grid-column: 2;
        padding: 8px 0 0;
        border-top: 1px solid var(--m1-color-line);
        border-left: 0;
      }
    }

    @media (max-width: 920px) {
       .m1-hero-mobile-conversion {
        display: grid;
        justify-items: start;
        gap: 6px;
        margin-top: 20px;
      }

       .m1-hero-mobile-conversion .m1-button { width: min(100%, 360px); }
       .m1-hero-mobile-conversion small {
        color: var(--m1-color-body);
        font-size: 11px;
        line-height: 1.3;
      }

       .m1-hero-conversion .m1-hero-buy { display: none; }

       .m1-header {
        position: sticky;
        top: 0;
        border-bottom: 1px solid rgb(var(--m1-rgb-ink) / .12);
        background: rgb(var(--m1-rgb-veil) / .96);
        backdrop-filter: blur(18px);
      }

       .m1-nav { display: none; }
       .m1-mobile-navigation { display: block; }
       .m1-mobile-navigation summary[aria-expanded="true"] {
        border-color: var(--m1-color-ink);
        background: var(--m1-color-ink);
        color: var(--m1-color-surface);
      }
       .m1-mobile-navigation-panel {
        max-height: calc(100svh - 100px);
        overflow-y: auto;
      }

       .m1-proof-mobile-controls {
        position: absolute;
        z-index: 5;
        top: 22px;
        right: 28px;
        left: 28px;
        display: grid;
        grid-template-columns: minmax(72px, auto) minmax(0, 1fr) minmax(72px, auto);
        align-items: center;
        gap: 10px;
      }

       .m1-proof-mobile-controls button {
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid rgb(var(--m1-rgb-slate) / .2);
        border-radius: var(--m1-radius-control);
        background: var(--m1-color-paper);
        color: var(--m1-color-ink);
        font: inherit;
        font-size: 13px;
        font-weight: var(--m1-weight-decision);
        cursor: pointer;
      }

       .m1-proof-mobile-controls button:disabled {
        color: var(--m1-color-body);
        opacity: .38;
        cursor: default;
      }

       .m1-proof-mobile-controls [data-m1-media-position] {
        color: var(--m1-color-body);
        font-size: 11px;
        font-weight: var(--m1-weight-meta);
        letter-spacing: .04em;
        line-height: 1.25;
        text-align: center;
      }

       .m1-proof-stage { padding-top: 94px; }

       .m1-pathway__stage,
       [data-m1-media-mobile-scroll] [data-m1-media-stage] {
        scroll-margin-top: 12px;
      }
    }

    @media (max-width: 620px) {
       .m1-hero-grid { padding-top: 24px; }
       .m1-hero-mobile-conversion { margin-top: 16px; }
       .m1-hero-mobile-conversion .m1-button { width: 100%; }
       .m1-hero-mobile-conversion small { justify-self: center; text-align: center; }
       .m1-variant-tabs { margin-inline: 0; }
       .m1-pathway__index { grid-template-columns: 1fr; border-bottom: 0; }
       .m1-pathway__index-link {
        grid-template-columns: 34px minmax(0, 1fr);
        justify-items: stretch;
        gap: 12px;
        min-height: 64px;
        padding: 10px 4px;
        border-bottom: 1px solid var(--m1-service-line);
      }

       .m1-pathway__index-link + .m1-pathway__index-link { border-left: 0; }
       .m1-statement-focus .m1-shell { border-radius: 18px; }
       .m1-statement-focus blockquote { font-size: 34px; text-align: left; }
       .m1-statement-focus .m1-shell > p { font-size: 16px; }
       .m1-pathway__index-title {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
        font-size: 15px;
        font-weight: var(--m1-weight-decision);
        text-align: left;
      }
    }

    /* Conversion rework: problem-led opening hero. */
    .m1-wham-hero {
      padding: calc(var(--m1-header-height) + clamp(20px, 3vw, 40px)) 0 clamp(64px, 7vw, 104px);
      background: var(--m1-color-surface-warm);
    }

    .m1-wham-hero__grid {
      min-height: min(760px, calc(100svh - var(--m1-header-height) - 40px));
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: minmax(0, 1fr) auto auto;
      column-gap: clamp(16px, 2vw, 30px);
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--m1-color-line);
    }

    .m1-wham-hero__lead {
      grid-column: 1 / 8;
      grid-row: 1;
      align-self: end;
      position: relative;
      z-index: 2;
      padding: 0;
    }

    .m1-wham-hero__kicker {
      margin: 0 0 clamp(22px, 3vw, 34px);
      color: var(--m1-color-teal-text);
      font-size: 11px;
      font-weight: var(--m1-weight-meta);
      letter-spacing: .15em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    .m1-wham-hero h1 {
      max-width: 980px;
      margin: 0;
      color: var(--m1-color-ink);
      font-size: clamp(60px, 6.2vw, 100px);
      font-weight: var(--m1-weight-decision);
      letter-spacing: -.058em;
      line-height: .95;
    }

    .m1-wham-hero h1 :is(span, strong) { display: block; }

    .m1-wham-hero h1 strong {
      color: var(--m1-color-teal-text);
      font-weight: inherit;
    }

    .m1-wham-hero__intro {
      max-width: 720px;
      margin: clamp(26px, 3vw, 38px) 0 0;
      color: var(--m1-color-body);
      font-size: clamp(19px, 1.6vw, 23px);
      font-weight: var(--m1-weight-setup);
      line-height: 1.45;
    }

    :where(.m1-wham-hero__intro, .m1-subline, .m1-stage__subline, .m1-statement-focus .m1-shell > p) strong {
      color: inherit;
      font-weight: var(--m1-weight-decision);
    }

    .m1-wham-hero__actions {
      grid-column: 1 / 8;
      grid-row: 2;
      align-self: start;
      display: grid;
      grid-template-columns: repeat(2, max-content);
      gap: 12px 16px;
      position: relative;
      z-index: 2;
      margin: clamp(28px, 3vw, 40px) 0 clamp(40px, 5vh, 64px);
    }

    .m1-wham-hero__actions .m1-button {
      width: 100%;
      min-height: 52px;
      min-width: 0;
      gap: 10px;
      padding-inline: clamp(18px, 2vw, 32px);
      font-size: clamp(14px, 1.15vw, 16px);
      text-align: center;
    }

    /* Up-right arrow drawn in CSS; arrow glyphs are not allowed in markup. */
    .m1-wham-hero__arrow {
      width: 10px;
      height: 10px;
      flex: none;
      position: relative;
      border-top: 2px solid currentColor;
      border-right: 2px solid currentColor;
    }

    .m1-wham-hero__arrow::after {
      width: 13px;
      position: absolute;
      top: -2px;
      right: 0;
      border-top: 2px solid currentColor;
      content: "";
      transform: rotate(-45deg);
      transform-origin: 100% 0;
    }

    .m1-wham-hero__note {
      grid-column: 1 / -1;
      margin: 6px 0 0;
      color: var(--m1-color-body);
      font-size: 15px;
      line-height: 1.4;
    }

    /* Hero primary: one-off deep teal with white text (5.19:1), same in both themes. */
    .m1-wham-hero__actions .m1-booking-link {
      border-color: var(--m1-color-signal-fixed);
      background: var(--m1-color-signal-fixed);
      color: var(--m1-color-on-ink-fixed);
    }

    .m1-wham-hero__actions .m1-booking-link:hover {
      border-color: color-mix(in srgb, var(--m1-color-signal-fixed) 90%, var(--m1-color-ink-fixed));
      background: color-mix(in srgb, var(--m1-color-signal-fixed) 90%, var(--m1-color-ink-fixed));
    }

    .m1-wham-hero__actions .m1-button--secondary {
      border-color: var(--m1-color-teal-text);
      background: var(--m1-color-surface);
      color: var(--m1-color-teal-text);
    }

    .m1-wham-hero__actions .m1-button--secondary:hover {
      background: var(--m1-color-surface-warm);
    }

    /* Andrea stands directly on the hero surface: no tinted panel, no watermark. */
    .m1-wham-hero__portrait {
      min-width: 0;
      min-height: 520px;
      grid-column: 8 / -1;
      grid-row: 1 / 3;
      align-self: stretch;
      position: relative;
      margin: 0;
    }

    .m1-wham-hero__portrait img {
      width: 100%;
      height: calc(100% - 12px);
      position: absolute;
      right: 0;
      bottom: 0;
      object-fit: contain;
      object-position: 50% 100%;
    }

    .m1-wham-hero__portrait figcaption {
      display: grid;
      gap: 4px;
      position: absolute;
      right: 0;
      bottom: clamp(40px, 7vh, 72px);
      padding: 16px 20px;
      border: 1px solid var(--m1-color-line);
      border-radius: 12px;
      background: var(--m1-color-surface);
      box-shadow: 0 14px 36px rgb(var(--m1-rgb-shade) / .1);
      font-size: 14px;
      line-height: 1.25;
    }

    .m1-wham-hero__portrait figcaption strong { color: var(--m1-color-ink); font-weight: var(--m1-weight-decision); }
    .m1-wham-hero__portrait figcaption small { color: var(--m1-color-body); font-size: 13px; }

    .m1-wham-hero__choices {
      grid-column: 1 / -1;
      grid-row: 3;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 1.7vw, 24px);
      position: relative;
      z-index: 3;
      padding-top: clamp(14px, 2vw, 24px);
      border-top: 1px solid var(--m1-color-line);
      background: transparent;
    }

    .m1-wham-choice {
      min-width: 0;
      min-height: 194px;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto 1fr auto;
      gap: 16px;
      position: relative;
      isolation: isolate;
      padding: 24px 26px;
      overflow: hidden;
      border: 0;
      border-radius: 18px;
      background: var(--m1-color-patch);
      box-shadow: 0 18px 44px rgb(var(--m1-rgb-shade) / .08);
      color: var(--m1-color-teal-text);
      font: inherit;
      text-align: left;
      cursor: pointer;
      transition: color 320ms ease, box-shadow 420ms cubic-bezier(.16, 1, .3, 1), transform 420ms cubic-bezier(.16, 1, .3, 1);
    }

    .m1-wham-choice::before {
      position: absolute;
      inset: 0;
      z-index: -1;
      background: var(--m1-color-teal-fill);
      content: "";
      transform: scaleY(0);
      transform-origin: 50% 100%;
      transition: transform 520ms cubic-bezier(.16, 1, .3, 1);
    }

    .m1-wham-choice:hover,
    .m1-wham-choice:focus-visible {
      color: var(--m1-color-ink);
      box-shadow: 0 26px 58px rgb(var(--m1-rgb-shade) / .15);
      transform: translateY(-6px);
    }

    .m1-wham-choice:hover::before,
    .m1-wham-choice:focus-visible::before,
    .m1-wham-choice.m1-is-activating::before { transform: scaleY(1); }

    .m1-wham-choice.m1-is-activating {
      color: var(--m1-color-ink);
    }

    .m1-wham-choice__index {
      grid-column: 1;
      grid-row: 1;
      color: var(--m1-color-teal-text);
      font-size: clamp(38px, 3.5vw, 54px);
      font-weight: var(--m1-weight-setup);
      letter-spacing: -.055em;
      line-height: .82;
      transition: color 320ms ease;
    }

    .m1-wham-choice:is(:hover, :focus-visible, .m1-is-activating) .m1-wham-choice__index { color: var(--m1-color-ink); }

    .m1-wham-choice__problem {
      align-self: start;
      grid-row: 2;
      max-width: 28ch;
      color: var(--m1-color-teal-text);
      font-size: clamp(18px, 1.45vw, 21px);
      letter-spacing: -.02em;
      line-height: 1.22;
      transition: color 320ms ease;
    }

    .m1-wham-choice:is(:hover, :focus-visible, .m1-is-activating) .m1-wham-choice__problem { color: var(--m1-color-ink); }

    .m1-wham-choice > strong {
      align-self: end;
      grid-row: 3;
      padding-top: 12px;
      border-top: 1px solid rgb(var(--m1-rgb-ink) / .18);
      color: var(--m1-color-teal-text);
      font-size: 12px;
      font-weight: var(--m1-weight-meta);
      letter-spacing: .1em;
      line-height: 1.3;
      text-transform: uppercase;
      transition: color 320ms ease;
    }

    .m1-wham-choice:is(:hover, :focus-visible, .m1-is-activating) > strong { color: var(--m1-color-ink); }

    .m1-idea-section { padding-top: clamp(64px, 7vw, 104px); }
    .m1-idea-section .m1-hero-grid { padding-top: 0; }
    .m1-idea-section .m1-hero-service-motion { display: none; }

    .m1-wham-hero { padding-bottom: 28px; }

    @media (max-width: 960px) {
      .m1-wham-hero__grid {
        min-height: 0;
        grid-template-columns: repeat(8, minmax(0, 1fr));
      }

      .m1-wham-hero__lead { grid-column: 1 / 6; grid-row: 1; padding-bottom: 0; }
      .m1-wham-hero__actions { grid-column: 1 / 6; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }
      .m1-wham-hero__actions .m1-button { padding-inline: 8px; }
      .m1-wham-hero__portrait { min-height: 470px; grid-column: 6 / -1; grid-row: 1 / 3; }
      .m1-wham-hero__portrait figcaption { bottom: 24px; padding: 12px 14px; }
      .m1-wham-hero h1 { font-size: clamp(44px, 6.4vw, 60px); }
      .m1-wham-choice { min-height: 190px; padding: 22px 20px; }
    }

    @media (max-width: 680px) {
      .m1-wham-hero { padding-top: 12px; padding-bottom: 72px; }
      .m1-wham-hero__grid {
        min-height: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(4, auto);
        overflow: visible;
      }

      .m1-wham-hero__lead {
        grid-column: 1 / -1;
        padding: 28px 0 0;
      }

      .m1-wham-hero__kicker { margin-bottom: 18px; font-size: 10px; }
      .m1-wham-hero h1 { max-width: 360px; font-size: clamp(38px, 11vw, 48px); line-height: .98; }
      .m1-wham-hero__intro { max-width: 340px; margin-top: 22px; font-size: clamp(18px, 4.8vw, 19px); }
      .m1-wham-hero__actions { width: 100%; grid-column: 1 / -1; margin: 18px 0 24px; }
      .m1-wham-hero__actions .m1-button { min-width: 0; min-height: 48px; padding-inline: 8px; font-size: 13px; }
      .m1-wham-hero__note { font-size: 14px; }
      .m1-wham-hero__portrait { min-height: 400px; grid-column: 1 / -1; grid-row: 3; }
      .m1-wham-hero__portrait figcaption { bottom: 20px; }
      .m1-wham-hero__choices { grid-column: 1 / -1; grid-row: 4; grid-template-columns: 1fr; gap: 10px; padding-top: 14px; }

      .m1-wham-choice {
        min-height: 142px;
        grid-template-columns: 54px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 8px 14px;
        padding: 18px;
        border-radius: 16px;
      }

      .m1-wham-choice__index { grid-column: 1; grid-row: 1 / 3; padding-top: 4px; font-size: 42px; }
      .m1-wham-choice__problem { grid-column: 2; grid-row: 1; max-width: none; font-size: 17px; }
      .m1-wham-choice > strong { grid-column: 2; grid-row: 2; padding-top: 10px; font-size: 11px; }
      .m1-wham-hero { padding-bottom: 20px; }
      .m1-idea-section { padding-top: 72px; }
    }

    /* Shared page canvas: every attention patch uses the same outer axes. */
    .m1-proof,
    .m1-statement-focus,
    .m1-pathway,
    .m1-person {
      position: relative;
      isolation: isolate;
      padding-inline: 0;
      background: var(--m1-color-surface-warm);
    }

    .m1-pathway::before {
      position: absolute;
      z-index: -1;
      top: var(--m1-patch-frame-inset);
      right: auto;
      bottom: var(--m1-patch-frame-inset);
      left: 50%;
      width: min(calc(100% - (2 * var(--m1-shell-gutter))), var(--m1-shell-max));
      border: 1px solid var(--m1-patch-frame-line);
      border-radius: var(--m1-radius-panel);
      background: var(--m1-color-frame);
      content: "";
      transform: translate3d(-50%, 0, 0);
    }

    .m1-pathway__frame {
      width: min(
        calc(100% - (2 * var(--m1-shell-gutter)) - (2 * var(--m1-patch-frame-inset))),
        calc(var(--m1-shell-max) - (2 * var(--m1-patch-frame-inset)))
      );
      margin-inline: auto;
      border: 1px solid var(--m1-patch-frame-line);
      border-radius: var(--m1-radius-panel);
    }

    .m1-proof::before,
    .m1-person::before { display: none; }

    .m1-proof-grid {
      width: min(calc(100% - (2 * var(--m1-shell-gutter))), var(--m1-shell-max));
      margin-inline: auto;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 0;
      border: 1px solid var(--m1-patch-frame-line);
      border-radius: var(--m1-radius-panel);
    }

    .m1-proof-index { grid-column: 1 / 5; }
    .m1-proof-stage-stack { min-width: 0; grid-column: 5 / -1; }
    .m1-proof-stage-head { justify-content: flex-end; }

    @media (min-width: 921px) {
      .m1-proof-grid { min-height: 480px; }
      .m1-proof-index { padding: 38px clamp(34px, 3.2vw, 46px) 28px; }
      .m1-proof-index h2 { margin-top: 18px; font-size: clamp(38px, 3.4vw, 48px); }
      .m1-proof-tab { padding-block: 12px; }
      .m1-proof-stage {
        display: grid;
        grid-template-rows: auto 1fr auto;
        padding: 38px clamp(38px, 4vw, 56px) 30px;
      }
      .m1-proof-stage blockquote {
        max-width: 600px;
        align-self: start;
        margin: 18px 0 0;
        font-size: clamp(32px, 3vw, 42px);
        line-height: 1;
      }
      .m1-proof-meta { padding-top: 18px; }
    }

    /* Four verbatim customer voices: full recommendation texts read as body copy, not as display type. */
    .m1-proof-stage blockquote {
      max-width: 64ch;
      align-self: start;
      margin: 18px 0 28px;
      font-size: var(--m1-type-body-lead);
      letter-spacing: -.01em;
      line-height: 1.5;
    }

    .m1-proof-stage blockquote p { margin: 0; }
    .m1-proof-stage blockquote p + p { margin-top: .75em; }

    .m1-proof-meta > .m1-proof-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 0 22px;
    }

    .m1-proof-meta small { margin-top: 4px; }

    /* Panels share one grid cell; the signature line stays at the panel foot for every voice. */
    .m1-proof-stage .m1-proof-meta { margin-top: auto; }

    /* Side-by-side layout keeps one shared height (no grid jump); the signature follows the quote. */
    @media (min-width: 921px) {
      .m1-proof-stage { grid-template-rows: auto auto 1fr; }
      .m1-proof-stage blockquote { margin-bottom: var(--m1-layout-grid-gap); }
      .m1-proof-stage .m1-proof-meta { align-self: start; margin-top: 0; }
    }

    /* Stacked layout: the result area follows the active voice instead of the longest one. */
    @media (max-width: 920px) {
      .m1-proof-stage-stack[data-m1-media-layout="stack"] { position: relative; align-items: start; }
      .m1-proof-stage-stack[data-m1-media-layout="stack"] > .m1-proof-stage { min-height: 0; }
      .m1-proof.m1-is-initialized .m1-proof-stage-stack > .m1-proof-stage:not(.m1-is-active) {
        position: absolute;
        inset: 0 0 auto;
      }
      .m1-proof-stage blockquote { margin-bottom: var(--m1-layout-grid-gap); }
      .m1-proof-stage .m1-proof-meta { margin-top: 0; }
    }

    @media (max-width: 620px) {
      .m1-proof-stage blockquote {
        margin-top: 8px;
        font-size: var(--m1-type-body);
      }

      .m1-proof-meta > .m1-proof-links { justify-content: flex-start; }
    }

    .m1-statement-focus .m1-shell {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--m1-layout-grid-gap);
      border: 1px solid var(--m1-patch-frame-line);
    }

    .m1-statement-focus.m1-patch-none .m1-shell {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .m1-statement-focus.m1-patch-none .m1-shell > p {
      max-width: 1040px;
      grid-column: 2 / 12;
      margin-top: clamp(24px, 2.4vw, 32px);
      font-size: clamp(19px, 1.5vw, 21px);
      line-height: 1.45;
      text-align: center;
    }

    .m1-statement-focus.m1-patch-none .m1-shell > p > span { display: block; }

    /* "Editorial Ledger": three open columns on hairline rules instead of boxes.
       Hierarchy by type, not frames — small teal numeral, ink title, grey body,
       and the key statement as the largest line of each column. Teal appears
       only as the short bar on each rule (drawn 01 → 02 → 03 on scroll in
       m1-effects.css; static without motion). */
    .m1-statement-focus.m1-patch-none .m1-shell > .m1-statement-points {
      max-width: none;
      grid-column: 2 / 12;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 56px clamp(32px, 4vw, 64px);
      margin-top: clamp(56px, 5vw, 80px);
      margin-bottom: 48px;
      text-align: left;
    }

    .m1-statement-points { position: relative; counter-reset: m1-point; }

    .m1-statement-point {
      position: relative;
      display: grid;
      align-content: start;
      counter-increment: m1-point;
    }

    /* Side by side, numeral / title / body / key share rows across the three
       columns, so every key statement starts on the same line. */
    @media (min-width: 901px) {
      .m1-statement-focus.m1-patch-none .m1-shell > .m1-statement-points { grid-template-rows: repeat(4, auto); row-gap: 0; }
      .m1-statement-point { grid-row: span 4; grid-template-rows: subgrid; }
    }

    /* Numeral above the hairline rule; the teal bar sits on the rule. */
    .m1-statement-point::before {
      padding-bottom: 16px;
      border-bottom: 1px solid var(--m1-color-line-strong);
      background: linear-gradient(var(--m1-color-teal-text), var(--m1-color-teal-text)) 0 100% / 72px 3px no-repeat;
      color: var(--m1-color-teal-text);
      font-family: var(--m1-font-header);
      font-size: 13px;
      font-weight: var(--m1-weight-decision);
      font-variant-numeric: tabular-nums;
      letter-spacing: .14em;
      line-height: 1;
      content: counter(m1-point, decimal-leading-zero);
    }

    .m1-statement-point > p {
      margin: 0;
      text-align: left;
    }

    .m1-statement-focus .m1-statement-point > .m1-statement-point__title {
      margin-top: 24px;
      color: var(--m1-color-ink);
      font-family: var(--m1-font-header);
      font-size: clamp(19px, 1.45vw, 21px);
      font-weight: var(--m1-weight-decision);
      letter-spacing: -.005em;
      line-height: 1.3;
    }

    .m1-statement-focus .m1-statement-point > .m1-statement-point__body {
      margin-top: 12px;
      color: var(--m1-color-body);
      font-family: var(--m1-font-header);
      font-size: clamp(16px, 1.1vw, 17px);
      font-weight: 400;
      line-height: 1.65;
    }

    /* Emphasis inside the grey body: a few words in ink, not the whole text. */
    .m1-statement-focus .m1-statement-point > .m1-statement-point__body strong {
      color: var(--m1-color-ink);
      font-weight: var(--m1-weight-decision);
    }

    .m1-statement-focus .m1-statement-point > .m1-statement-point__key {
      margin-top: 32px;
      color: var(--m1-color-ink);
      font-family: var(--m1-font-header);
      font-size: clamp(21px, 1.7vw, 25px);
      font-weight: 400;
      letter-spacing: -.01em;
      line-height: 1.32;
      text-wrap: balance;
    }

    .m1-statement-focus blockquote {
      grid-column: 2 / 12;
      margin-inline: 0;
      font-family: var(--m1-font-header);
      text-align: left;
    }
    .m1-statement-focus .m1-shell > p { grid-column: 5 / 10; }

    .m1-pathway__header {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--m1-layout-grid-gap);
    }

    .m1-pathway__header > :first-child { grid-column: 1 / 7; }
    .m1-pathway__intro { grid-column: 8 / -1; }

    .m1-person-grid {
      width: min(calc(100% - (2 * var(--m1-shell-gutter))), var(--m1-shell-max));
      margin-inline: auto;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      border: 0;
      border-radius: var(--m1-radius-panel);
    }
    .m1-person-copy { grid-column: 1 / 8; }
    .m1-person-image { grid-column: 8 / -1; }

    @media (max-width: 920px) {
      .m1-proof-grid,
      .m1-person-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }

      .m1-proof-index,
      .m1-proof-stage-stack,
      .m1-person-copy,
      .m1-person-image { grid-column: 1 / -1; }

      .m1-pathway__header { grid-template-columns: repeat(8, minmax(0, 1fr)); }
      .m1-pathway__header > :first-child,
      .m1-pathway__intro { grid-column: 1 / -1; }
    }

    @media (max-width: 620px) {
      .m1-proof,
      .m1-statement-focus,
      .m1-pathway,
      .m1-person { padding-inline: 0; }

      .m1-pathway__frame {
        width: calc(100% - (2 * var(--m1-patch-frame-inset)));
        border-radius: 18px;
      }

      .m1-proof-grid,
      .m1-person-grid {
        width: 100%;
        border-radius: 18px;
      }

      .m1-statement-focus .m1-shell {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 12px;
      }

      .m1-statement-focus blockquote,
      .m1-statement-focus .m1-shell > p { grid-column: 1 / -1; }

      .m1-statement-focus.m1-patch-none .m1-shell > p {
        max-width: 34rem;
        grid-column: 1 / -1;
      }

      .m1-statement-focus.m1-patch-none .m1-shell > p > span { display: block; }

      .m1-pathway__header { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    }

    /* Proof and customer logos form one aligned trust section. */
    .m1-proof--with-logos {
      --m1-trust-section-gap: clamp(44px, 5vw, 68px);
      padding-bottom: 0;
    }

    .m1-client-logos {
      overflow: clip;
      padding: 0;
      background: var(--m1-color-surface-warm);
    }

    .m1-proof--with-logos .m1-client-logos {
      margin-top: 0;
    }

    .m1-proof--with-logos .m1-client-logos__inner { border-top: 0; }

    .m1-client-logos__inner {
      padding-block: clamp(44px, 5vw, 68px);
      border-block: 1px solid var(--m1-color-line);
    }

    .m1-client-logos h2 {
      margin: 0 0 clamp(36px, 3.5vw, 48px);
      color: var(--m1-color-body);
      font-size: var(--m1-type-meta);
      font-weight: var(--m1-weight-meta);
      letter-spacing: .15em;
      line-height: 1.3;
      text-align: center;
      text-transform: uppercase;
    }

    .m1-client-logos__grid {
      position: relative;
      --m1-client-logo-mark-width: clamp(140px, 13vw, 200px);
      --m1-client-logo-mark-height: clamp(48px, 4.4vw, 64px);
      display: grid;
      grid-template-columns: repeat(5, max-content);
      align-items: center;
      justify-content: center;
      column-gap: clamp(40px, 3.5vw, 56px);
      row-gap: 24px;
    }

    .m1-client-logo {
      position: relative;
      width: 100%;
      min-height: 88px;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      padding: 0 0 4px;
      color: inherit;
      text-decoration: none;
    }

    /* The logo carries the name visually; the text stays for screen readers
       and as the link's accessible name (owner 2026-09-28: no text under logos). */
    .m1-client-logo__name {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
    }

    .m1-client-logo__preview {
      position: static;
      width: var(--m1-client-logo-mark-width);
      height: var(--m1-client-logo-mark-height);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      visibility: visible;
      background: transparent;
      transform: none;
      transition: none;
    }

    .m1-client-logo__preview img {
      display: block;
      width: auto;
      max-width: var(--m1-client-logo-mark-width);
      height: var(--m1-client-logo-mark-height);
      object-fit: contain;
      mix-blend-mode: multiply;
    }

    a.m1-client-logo { cursor: pointer; }

    .m1-client-logo:is(:hover, :focus-visible) .m1-client-logo__name {
      color: var(--m1-color-ink);
    }

    .m1-client-logo:is(:hover, :focus-visible) .m1-client-logo__preview {
      opacity: 1;
      visibility: visible;
      transition-delay: 0s;
    }

    @media (max-width: 920px) {
      .m1-client-logos__grid {
        grid-template-columns: repeat(3, max-content);
        column-gap: clamp(32px, 5vw, 48px);
      }
    }

    @media (max-width: 680px) {
      .m1-client-logos__grid {
        --m1-client-logo-mark-width: 132px;
        --m1-client-logo-mark-height: 44px;
        grid-template-columns: repeat(2, max-content);
        column-gap: clamp(24px, 7vw, 36px);
        row-gap: 20px;
      }
      .m1-client-logo { min-height: 64px; }
      .m1-client-logo:last-child:nth-child(odd) {
        width: auto;
        grid-column: 1 / -1;
        justify-self: center;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .m1-client-logo__name,
      .m1-client-logo__preview { transition: none; }
    }

    /* One continuous page background; visual hierarchy comes from floating patches. */
    .m1-wham-hero,
    .m1-hero,
    .m1-proof,
    .m1-client-logos,
    .m1-statement,
    .m1-pathway,
    .m1-person,
    .m1-booking,
    .m1-faq,
    .m1-closing {
      background: transparent;
    }

    .m1-footer {
      padding: clamp(56px, 6vw, 84px) 0 24px;
      border-top: 1px solid var(--m1-color-line);
      background: transparent;
      color: var(--m1-color-ink);
    }

    .m1-footer__inner { display: grid; gap: clamp(48px, 6vw, 76px); }

    .m1-footer__grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: var(--m1-editorial-grid-gap);
    }

    .m1-footer__brand-block { grid-column: 1 / span 5; }
    .m1-footer__brand-block .m1-brand { width: max-content; }
    .m1-footer__brand-block p {
      margin: 22px 0 0;
      color: var(--m1-color-body);
      font-size: clamp(18px, 1.5vw, 21px);
      line-height: 1.4;
    }

    .m1-footer__links,
    .m1-footer__contact {
      display: grid;
      align-content: start;
      gap: 10px;
      font-style: normal;
    }

    .m1-footer__links { grid-column: 7 / span 3; }
    .m1-footer__contact { grid-column: 10 / span 3; }

    .m1-footer__links strong,
    .m1-footer__contact strong {
      margin-bottom: 8px;
      color: var(--m1-color-teal-text);
      font-size: var(--m1-type-meta);
      font-weight: var(--m1-weight-meta);
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .m1-footer__links a,
    .m1-footer__contact a,
    .m1-footer__bottom a {
      width: max-content;
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      color: var(--m1-color-body);
      font-size: 14px;
      text-decoration: none;
      transition: color 180ms ease;
    }

    .m1-footer__links a:is(:hover, :focus-visible),
    .m1-footer__contact a:is(:hover, :focus-visible),
    .m1-footer__bottom a:is(:hover, :focus-visible) { color: var(--m1-color-teal-text); }

    .m1-footer__bottom {
      min-height: 48px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: end;
      gap: 20px;
      padding-top: 20px;
      border-top: 1px solid var(--m1-color-line);
    }

    .m1-footer__bottom p {
      margin: 0;
      color: color-mix(in srgb, var(--m1-color-body) 72%, transparent);
      font-size: 11px;
    }

    .m1-footer__credit {
      align-self: end;
      justify-self: center;
      color: rgb(var(--m1-rgb-body) / .32);
      font-size: 8px;
      letter-spacing: .12em;
      line-height: 1;
      text-transform: lowercase;
    }

    .m1-footer__bottom nav { display: flex; gap: 22px; }
    .m1-footer__bottom a { min-height: 24px; font-size: 11px; }

    @media (max-width: 820px) {
      .m1-footer__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 44px; }
      .m1-footer__brand-block { grid-column: 1 / -1; }
      .m1-footer__links { grid-column: 1 / span 2; }
      .m1-footer__contact { grid-column: 3 / span 2; }
    }

    @media (max-width: 520px) {
      .m1-footer__grid { display: grid; grid-template-columns: 1fr; }
      .m1-footer__brand-block,
      .m1-footer__links,
      .m1-footer__contact { grid-column: 1; }
      .m1-footer__bottom { grid-template-columns: 1fr; align-items: start; gap: 12px; }
      .m1-footer__bottom nav { grid-row: 2; }
      .m1-footer__credit { grid-row: 3; }
    }

    .m1-booking > .m1-shell {
      padding: clamp(44px, 4.5vw, 64px);
      border: 1px solid var(--m1-color-line);
      border-radius: var(--m1-radius-panel);
      box-shadow: 0 18px 48px rgb(var(--m1-rgb-shade) / .045);
    }

    .m1-offer-map {
      padding: clamp(96px, 10vw, 150px) 0;
      background: transparent;
    }

    .m1-offer-map__frame {
      padding: clamp(38px, 4.8vw, 68px);
      border: 1px solid var(--m1-color-line);
      border-radius: var(--m1-radius-panel);
      background: rgb(var(--m1-rgb-highlight) / .42);
      box-shadow: 0 18px 48px rgb(var(--m1-rgb-shade) / .045);
    }

    .m1-offer-map__header {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: var(--m1-layout-grid-gap);
      align-items: end;
      padding-bottom: clamp(42px, 5vw, 68px);
      border-bottom: 1px solid var(--m1-color-line);
    }

    .m1-offer-map__header > div { grid-column: 1 / span 7; }

    .m1-offer-map__kicker {
      margin: 0 0 20px;
      color: var(--m1-color-teal-text);
      font-size: var(--m1-type-meta);
      font-weight: var(--m1-weight-meta);
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .m1-offer-map h2 {
      margin: 0;
      font-size: clamp(48px, 5.2vw, 76px);
      font-weight: var(--m1-weight-setup);
      letter-spacing: -.055em;
      line-height: .96;
    }

    .m1-offer-map h2 span,
    .m1-offer-map h2 strong { display: block; }
    .m1-offer-map h2 strong { font-weight: var(--m1-weight-decision); }

    .m1-offer-map__header > p {
      grid-column: 8 / -1;
      margin: 0 0 4px;
      color: var(--m1-color-body);
      font-size: clamp(18px, 1.55vw, 22px);
      line-height: 1.5;
    }

    .m1-offer-map__header > p strong {
      color: inherit;
      font-weight: var(--m1-weight-decision);
    }

    .m1-offer-map__tracks {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: auto auto auto auto repeat(3, auto);
      gap: clamp(16px, 2vw, 26px);
      padding-top: clamp(28px, 3.5vw, 48px);
    }

    .m1-offer-track {
      min-width: 0;
      display: grid;
      grid-row: 1 / span 7;
      grid-template-rows: subgrid;
      row-gap: 0;
      padding: clamp(26px, 2.7vw, 38px);
      border-radius: 20px;
      background: var(--m1-color-patch);
      box-shadow: 0 16px 38px rgb(var(--m1-rgb-shade) / .055);
    }

    .m1-offer-track:nth-child(1) { grid-column: 1; }
    .m1-offer-track:nth-child(2) { grid-column: 2; }
    .m1-offer-track:nth-child(3) { grid-column: 3; }

    .m1-offer-track__number {
      color: var(--m1-color-teal-text);
      font-size: clamp(44px, 4vw, 58px);
      font-weight: var(--m1-weight-setup);
      letter-spacing: -.05em;
      line-height: 1;
    }

    .m1-offer-track__problem {
      min-height: 0;
      margin: 22px 0 0;
      color: var(--m1-color-teal-text);
      font-size: 12px;
      font-weight: var(--m1-weight-meta);
      letter-spacing: .11em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    .m1-offer-track h3 {
      min-height: 0;
      margin: 12px 0 0;
      font-size: clamp(26px, 2.35vw, 34px);
      font-weight: var(--m1-weight-copy);
      letter-spacing: -.04em;
      line-height: 1.04;
    }

    .m1-offer-track h3 strong {
      font-weight: var(--m1-weight-decision);
    }

    .m1-offer-track__fit {
      min-height: 0;
      margin: 18px 0 26px;
      color: var(--m1-color-body);
      font-size: 16px;
      line-height: 1.5;
    }

    .m1-offer-track ul {
      display: grid;
      grid-row: 5 / span 3;
      grid-template-rows: subgrid;
      margin: 0;
      padding: 0;
      border-top: 1px solid var(--m1-color-line);
      list-style: none;
    }

    .m1-offer-track li { display: flex; border-bottom: 1px solid var(--m1-color-line); }

    .m1-offer-track a {
      display: grid;
      flex: 1;
      align-content: start;
      gap: 4px;
      margin-inline: -12px;
      padding: 17px 12px;
      border-radius: 10px;
      text-decoration: none;
      transition: background-color 180ms ease, transform 180ms ease;
    }

    .m1-offer-track a:is(:hover, :focus-visible) {
      background: var(--m1-color-patch-interactive);
      outline: none;
      transform: translateX(4px);
    }

    .m1-offer-track a:focus-visible { box-shadow: inset 0 0 0 2px var(--m1-color-teal-text); }
    .m1-offer-track a strong { font-size: 16px; font-weight: var(--m1-weight-decision); }
    .m1-offer-track a span { color: var(--m1-color-body); font-size: 13px; line-height: 1.4; }

    .m1-offer-track a {
      position: relative;
    }

    .m1-offer-track .m1-offer-track__chevron {
      position: absolute;
      right: 12px;
      top: 22px;
      width: 10px;
      height: 10px;
      border-right: 2px solid var(--m1-color-teal-text);
      border-top: 2px solid var(--m1-color-teal-text);
      transform: rotate(45deg);
      opacity: 0;
      transition: opacity 160ms ease;
    }

    .m1-offer-track a:is(:hover, :focus-visible) .m1-offer-track__chevron {
      opacity: 1;
    }

    .m1-offer-track a .m1-chip {
      justify-self: start;
      margin-top: 4px;
      padding: 4px 10px;
      border: 1px solid var(--m1-color-line);
      border-radius: 999px;
      color: var(--m1-color-body);
      font-size: 11px;
      font-weight: var(--m1-weight-meta);
      letter-spacing: .06em;
      line-height: 1.2;
      transition: color 180ms ease, border-color 180ms ease;
    }

    .m1-offer-track a:is(:hover, :focus-visible) .m1-chip {
      color: var(--m1-color-teal-text);
      border-color: var(--m1-color-teal-text);
    }

    /* Teaser row: same rhythm as a service row, but not a link yet. */
    .m1-offer-track__soon > div {
      display: grid;
      flex: 1;
      align-content: start;
      gap: 4px;
      padding: 17px 0;
    }

    /* Muted: same row style as a service, greyed to signal "not ready yet". */
    .m1-offer-track__soon strong { color: var(--m1-color-body); font-size: 16px; font-weight: var(--m1-weight-decision); }
    .m1-offer-track__soon span { color: var(--m1-color-body); font-size: 13px; line-height: 1.4; }

    .m1-offer-track__soon .m1-chip {
      justify-self: start;
      margin-top: 6px;
      padding: 4px 10px;
      border: 1px solid var(--m1-color-line-strong);
      border-radius: 999px;
      color: var(--m1-color-body);
      font-size: 11px;
      font-weight: var(--m1-weight-meta);
      letter-spacing: .06em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    @media (min-width: 981px) {
      .m1-offer-track__problem { white-space: nowrap; }

      .m1-offer-map__tracks { grid-template-rows: none; }

      .m1-offer-track {
        grid-row: auto;
        grid-template-rows: 70px 42px 84px 93px auto;
      }

      .m1-offer-track__problem,
      .m1-offer-track h3,
      .m1-offer-track__fit { margin: 0; }

      .m1-offer-track ul {
        grid-row: 5;
        grid-template-rows: repeat(3, minmax(84px, auto));
      }
    }

    @media (max-width: 980px) {
      .m1-offer-map__header { grid-template-columns: repeat(8, minmax(0, 1fr)); }
      .m1-offer-map__header > div { grid-column: 1 / span 5; }
      .m1-offer-map__header > p { grid-column: 6 / -1; }
      .m1-offer-map__tracks { grid-template-columns: 1fr; grid-template-rows: none; }
      .m1-offer-track,
      .m1-offer-track:nth-child(n) {
        grid-column: 1;
        grid-row: auto;
        grid-template-rows: auto;
      }
      .m1-offer-track ul { grid-row: auto; grid-template-rows: auto; }
      .m1-offer-track__problem,
      .m1-offer-track h3,
      .m1-offer-track__fit { min-height: 0; }
    }

    @media (max-width: 680px) {
      .m1-offer-map { padding-block: 84px; }
      .m1-offer-map__frame { width: calc(100% - 20px); padding: 34px 20px 20px; border-radius: 20px; }
      .m1-offer-map__header { display: block; padding-bottom: 34px; }
      .m1-offer-map h2 { font-size: clamp(42px, 12vw, 54px); }
      .m1-offer-map__header > p { margin-top: 26px; font-size: 17px; }
      .m1-offer-map__tracks { padding-top: 20px; }
      .m1-offer-track { padding: 26px 22px; border-radius: 18px; }
      .m1-offer-track__number { font-size: 46px; }
    }

    .m1-booking-feature {
      border: 0;
      background: var(--m1-color-patch);
      box-shadow: none;
    }

    @media (max-width: 620px) {
      .m1-booking > .m1-shell {
        width: calc(100% - 20px);
        padding: 36px 20px;
        border-radius: 20px;
      }

      .m1-booking-feature {
        padding: 30px 24px;
        border-radius: 18px;
      }
    }

    @media (max-width: 620px) {
      .m1-statement-focus.m1-patch-none .m1-shell > p {
        font-size: 17px;
        line-height: 1.5;
      }
    }

    /* Only the existing closing background extends to the viewport edges. */
    .m1-closing { background: var(--m1-color-ink-fixed); }

    /* Statement service scene: tactile work samples, kept decorative for assistive tech. */
    .m1-statement-focus.m1-patch-none {
      position: relative;
      isolation: isolate;
      z-index: 1;
      overflow: visible;
      padding-bottom: clamp(236px, 17vw, 272px);
    }

    .m1-statement-focus.m1-patch-none .m1-shell {
      position: relative;
      isolation: isolate;
      min-height: clamp(620px, 45vw, 650px);
      padding-top: var(--m1-statement-clearance, 0px);
      align-content: center;
    }

    .m1-statement-focus.m1-patch-none .m1-shell::after {
      position: absolute;
      inset: 14% 8%;
      z-index: 1;
      background: radial-gradient(ellipse at center, var(--m1-color-text-veil) 0 45%, color-mix(in srgb, var(--m1-color-text-veil) 82%, transparent) 67%, transparent 82%);
      filter: blur(12px);
      content: "";
      pointer-events: none;
    }

    .m1-statement-focus.m1-patch-none :where(blockquote, .m1-shell > p, .m1-shell > .m1-statement-points) {
      position: relative;
      z-index: 2;
    }

    .m1-statement-scene {
      position: absolute;
      inset: 0;
      z-index: 0;
      perspective: 1500px;
      perspective-origin: 50% 44%;
      pointer-events: none;
    }

    .m1-work-card {
      --m1-card-rotate-x: 0deg;
      --m1-card-rotate-y: 0deg;
      --m1-card-rotate-z: 0deg;
      --m1-card-depth: 0px;
      --m1-card-scale: 1;
      position: absolute;
      border: 1px solid color-mix(in srgb, var(--m1-color-navy) 12%, white);
      border-radius: 14px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(250, 249, 246, .96) 54%, rgba(232, 235, 232, .96)),
        var(--m1-color-surface);
      box-shadow:
        0 34px 58px rgba(22, 36, 45, .14),
        0 12px 24px rgba(22, 36, 45, .09),
        0 2px 4px rgba(22, 36, 45, .06),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        inset 0 -1px 0 rgba(22, 36, 45, .05);
      color: color-mix(in srgb, var(--m1-color-ink) 84%, white);
      opacity: .94;
      transform: translate3d(0, 0, var(--m1-card-depth)) rotateX(var(--m1-card-rotate-x)) rotateY(var(--m1-card-rotate-y)) rotateZ(var(--m1-card-rotate-z)) scale(var(--m1-card-scale));
      transform-style: preserve-3d;
      backface-visibility: hidden;
      will-change: transform;
    }

    .m1-work-card::before {
      position: absolute;
      inset: 1px;
      z-index: 0;
      border-radius: 12px;
      background: linear-gradient(120deg, rgba(255, 255, 255, .88), transparent 30%, transparent 68%, rgba(13, 121, 111, .035));
      box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .78);
      content: "";
    }

    .m1-work-card::after {
      position: absolute;
      right: 8%;
      bottom: -15px;
      left: 8%;
      z-index: -1;
      height: 24px;
      border-radius: 50%;
      background: rgba(22, 36, 45, .14);
      filter: blur(15px);
      content: "";
      transform: translateZ(-32px) rotateX(72deg);
    }

    .m1-work-card__surface {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 18px;
      transform: translateZ(16px);
      transform-style: preserve-3d;
    }

    .m1-mini-toolbar,
    .m1-mini-title,
    .m1-mini-profile,
    .m1-mini-influencer,
    .m1-mini-workshop-body,
    .m1-mini-browser-bar,
    .m1-mini-phone-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .m1-mini-badge,
    .m1-mini-doc,
    .m1-mini-chip {
      display: inline-grid;
      place-items: center;
      width: 27px;
      height: 27px;
      border-radius: 5px;
      background: linear-gradient(145deg, #a8adac, #777e7d);
      box-shadow: 0 3px 6px rgba(22, 36, 45, .15), inset 0 1px 0 rgba(255, 255, 255, .42);
      color: white;
      font-size: 17px;
      font-weight: 700;
      line-height: 1;
    }

    .m1-mini-menu { color: #7c8382; font-size: 14px; letter-spacing: 2px; }
    .m1-mini-profile { justify-content: flex-start; gap: 12px; margin-top: 16px; }

    .m1-mini-avatar {
      position: relative;
      flex: 0 0 auto;
      width: 39px;
      height: 39px;
      overflow: hidden;
      border: 1px solid rgba(22, 36, 45, .07);
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 33%, #9da2a1 0 18%, transparent 19%),
        radial-gradient(ellipse at 50% 91%, #8f9694 0 31%, transparent 32%),
        linear-gradient(145deg, #f0f1ef, #d4d7d5);
      box-shadow: inset 0 1px 2px rgba(255, 255, 255, .8), 0 2px 6px rgba(22, 36, 45, .08);
    }

    .m1-mini-avatar--large { width: 58px; height: 58px; }

    .m1-mini-lines {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 7px;
      min-width: 0;
    }

    .m1-mini-lines i,
    .m1-mini-profile-copy i {
      display: block;
      width: 64%;
      height: 7px;
      border-radius: 99px;
      background: linear-gradient(90deg, #cfd3d1, #e0e2e0);
      box-shadow: inset 0 1px 1px rgba(22, 36, 45, .04);
    }

    .m1-mini-lines i.m1-mini-width--wide,
    .m1-mini-profile-copy i.m1-mini-width--wide { width: 84%; }
    .m1-mini-lines i.m1-mini-width--long { width: 96%; }
    .m1-mini-lines i.m1-mini-width--medium { width: 72%; }
    .m1-mini-lines i.m1-mini-width--short { width: 46%; }
    .m1-mini-lines--body { margin-top: 18px; }
    .m1-mini-social { display: flex; gap: 20px; margin-top: 22px; color: #737a78; font-size: 11px; }

    .m1-mini-title { color: #676e6c; font-size: 11px; }
    .m1-mini-title strong,
    .m1-mini-heading { color: #303533; font-size: 14px; font-weight: var(--m1-weight-setup); }
    .m1-mini-title--start { justify-content: flex-start; gap: 12px; }
    .m1-mini-week { display: grid; grid-template-columns: repeat(5, 1fr); margin: 18px 0 8px; color: #777e7c; font-size: 10px; text-align: center; }
    .m1-mini-calendar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
    .m1-mini-calendar i { height: 24px; border-radius: 2px; background: linear-gradient(145deg, #f0f1ef, #e7e9e7); }
    .m1-mini-calendar i.m1-mini-calendar__filled { background: linear-gradient(145deg, #d0d4d2, #e1e3e1); box-shadow: inset 0 1px 1px rgba(22, 36, 45, .04); }

    .m1-mini-doc { position: relative; border-radius: 3px; }
    .m1-mini-doc::after { position: absolute; top: 0; right: 0; border-width: 0 0 7px 7px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.55) transparent; content: ""; }
    .m1-mini-doc i { width: 12px; height: 1px; margin: 1px 0; background: rgba(255,255,255,.8); }
    .m1-mini-lines--article { margin-top: 18px; }

    .m1-mini-influencer { justify-content: flex-start; gap: 14px; }
    .m1-mini-profile-copy { display: flex; flex: 1; flex-direction: column; gap: 7px; min-width: 0; }
    .m1-mini-profile-copy strong { color: #303533; font-size: 14px; font-weight: var(--m1-weight-setup); white-space: nowrap; }
    .m1-mini-bars { display: flex; align-items: flex-end; gap: 5px; height: 42px; }
    .m1-mini-bars i { width: 4px; height: 15px; border-radius: 3px 3px 0 0; background: linear-gradient(#a6adaa, #7d8582); box-shadow: 1px 0 1px rgba(255,255,255,.7); }
    .m1-mini-bars i:nth-child(2) { height: 23px; }
    .m1-mini-bars i:nth-child(3) { height: 32px; }
    .m1-mini-bars i:nth-child(4) { height: 41px; }
    .m1-mini-tags { display: flex; gap: 8px; margin-top: 17px; }
    .m1-mini-tags span { padding: 5px 9px; border: 1px solid rgba(22,36,45,.05); border-radius: 5px; background: linear-gradient(#f4f5f3, #e7e9e7); color: #6d7472; font-size: 10px; box-shadow: 0 2px 5px rgba(22,36,45,.04); }

    .m1-mini-browser-bar { height: 34px; margin: -18px -18px 12px; padding: 0 15px; border-bottom: 1px solid rgba(22,36,45,.07); background: rgba(248,248,245,.78); border-radius: 13px 13px 0 0; }
    .m1-mini-browser-bar > span { display: flex; gap: 6px; }
    .m1-mini-browser-bar > span:first-child i { width: 8px; height: 8px; border-radius: 50%; background: #979e9c; box-shadow: inset 0 1px 1px rgba(255,255,255,.5); }
    .m1-mini-browser-tabs i { width: 26px; height: 4px; border-radius: 99px; background: #d6d9d7; }
    .m1-mini-web-hero { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 130px; overflow: hidden; background: linear-gradient(145deg, #f4f5f3, #e7e9e7); }
    .m1-mini-web-hero > div:first-child { z-index: 1; padding: 34px 0 0 30px; }
    .m1-mini-web-hero strong { color: #3e4442; font-size: 16px; font-weight: var(--m1-weight-setup); line-height: 1.12; }
    .m1-mini-web-hero > div:first-child i { display: block; width: 66px; height: 6px; margin-top: 13px; border-radius: 9px; background: #c9cdcb; }
    .m1-mini-web-hero > div:first-child span { display: block; width: 48px; height: 14px; margin-top: 11px; border-radius: 8px; background: linear-gradient(145deg, #a9afad, #8c9391); box-shadow: 0 3px 6px rgba(22,36,45,.12); }
    .m1-mini-landscape { position: relative; overflow: hidden; }
    .m1-mini-landscape i { position: absolute; right: 8px; bottom: -48px; width: 105px; height: 126px; background: linear-gradient(145deg, #c9cdcb, #e0e2e0); transform: rotate(35deg); }
    .m1-mini-landscape i:nth-child(2) { right: -35px; bottom: -37px; width: 80px; height: 90px; }
    .m1-mini-landscape i:nth-child(3) { top: 24px; right: 22px; width: 24px; height: 24px; border-radius: 50%; transform: none; }
    .m1-mini-web-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 10px; }
    .m1-mini-web-grid span { height: 54px; border: 1px solid rgba(22,36,45,.045); border-radius: 5px; background: linear-gradient(145deg, #f5f6f4, #e9ebe9); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }

    .m1-mini-people { position: relative; width: 30px; height: 25px; }
    .m1-mini-people i { position: absolute; bottom: 0; width: 18px; height: 12px; border-radius: 12px 12px 3px 3px; background: #939a98; }
    .m1-mini-people i::before { position: absolute; top: -10px; left: 5px; width: 9px; height: 9px; border-radius: 50%; background: #939a98; content: ""; }
    .m1-mini-people i:last-child { left: 12px; transform: scale(.82); }
    .m1-mini-workshop-body { align-items: flex-end; gap: 18px; margin-top: 24px; }
    .m1-mini-workshop-body .m1-mini-bars { flex: 0 0 auto; }

    .m1-mini-phone-bar { color: #555c5a; font-size: 8px; }
    .m1-mini-play { display: grid; place-items: center; width: 64px; height: 64px; margin: 58px auto 28px; border: 1px solid rgba(22,36,45,.06); border-radius: 50%; background: linear-gradient(145deg, #e6e8e6, #cdd1cf); box-shadow: 0 8px 18px rgba(22,36,45,.1), inset 0 1px 0 rgba(255,255,255,.75); }
    .m1-mini-play i { width: 0; height: 0; margin-left: 5px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #8c9391; filter: drop-shadow(0 1px 0 rgba(255,255,255,.5)); }
    .m1-mini-lines--video { margin-bottom: 18px; }
    .m1-mini-button { display: block; padding: 7px 10px; border-radius: 12px; background: linear-gradient(145deg, #a6adaa, #858c8a); box-shadow: 0 5px 10px rgba(22,36,45,.13), inset 0 1px 0 rgba(255,255,255,.35); color: white; font-size: 10px; text-align: center; }

    .m1-mini-chip { border-radius: 7px; background: linear-gradient(145deg, #f0f1ef, #cbd0cd); box-shadow: 0 4px 8px rgba(22,36,45,.1), inset 0 0 0 2px #929996; color: #777e7c; font-size: 11px; }
    .m1-mini-flow { display: grid; grid-template-columns: 46px 24px 86px 24px 46px 24px 46px; align-items: center; margin-top: 28px; }
    .m1-mini-flow span { height: 38px; border: 1px solid rgba(22,36,45,.07); border-radius: 8px; background: linear-gradient(145deg, #e9ebe9, #d7dad8); box-shadow: 0 5px 10px rgba(22,36,45,.07), inset 0 1px 0 rgba(255,255,255,.8); }
    .m1-mini-flow span.m1-mini-flow__wide { background: linear-gradient(145deg, #e4e7e4, #cfd3d1); }
    .m1-mini-flow i { position: relative; height: 1px; background: #959c9a; }
    .m1-mini-flow i::after { position: absolute; top: -3px; right: 0; width: 6px; height: 6px; border-top: 1px solid #959c9a; border-right: 1px solid #959c9a; content: ""; transform: rotate(45deg); }
    .m1-mini-lines--ai { max-width: 180px; margin-top: 20px; }

    .m1-mini-roadmap { display: grid; grid-template-columns: 27px 1fr 27px 1fr 27px 1fr 27px; align-items: center; margin-top: 32px; }
    .m1-mini-roadmap span { width: 23px; height: 23px; border: 1px solid #aeb4b2; border-radius: 50%; background: #f7f7f4; box-shadow: 0 2px 5px rgba(22,36,45,.06), inset 0 1px 0 white; }
    .m1-mini-roadmap span.m1-mini-roadmap__done { position: relative; background: linear-gradient(145deg, #b2b8b6, #89918e); }
    .m1-mini-roadmap span.m1-mini-roadmap__done::after { position: absolute; top: 5px; left: 7px; width: 6px; height: 9px; border-right: 2px solid white; border-bottom: 2px solid white; content: ""; transform: rotate(45deg); }
    .m1-mini-roadmap i { height: 1px; background: #aeb4b2; }
    .m1-mini-roadmap-labels { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 9px; color: #777e7c; font-size: 9px; text-align: center; }
    .m1-mini-lines--roadmap { max-width: 190px; margin-top: 22px; }

    .m1-work-card--linkedin {
      --m1-card-rotate-x: 2deg;
      --m1-card-rotate-y: 7deg;
      --m1-card-rotate-z: -.7deg;
      --m1-card-scale: .82;
      top: -86px;
      left: -30px;
      width: 260px;
      height: 226px;
    }

    .m1-work-card--content-plan {
      --m1-card-rotate-x: 4deg;
      --m1-card-rotate-y: -5deg;
      --m1-card-rotate-z: .5deg;
      --m1-card-depth: 18px;
      --m1-card-scale: .88;
      top: -16px;
      left: 40px;
      width: 248px;
      height: 198px;
    }

    .m1-work-card--article {
      --m1-card-rotate-x: 3deg;
      --m1-card-rotate-y: 6deg;
      --m1-card-rotate-z: -.4deg;
      --m1-card-scale: .91;
      top: -92px;
      left: 260px;
      width: 214px;
      height: 204px;
    }

    .m1-work-card--influencer {
      --m1-card-rotate-x: 2deg;
      --m1-card-rotate-y: -7deg;
      --m1-card-rotate-z: .4deg;
      --m1-card-depth: 12px;
      --m1-card-scale: .86;
      top: -62px;
      right: 200px;
      width: 304px;
      height: 160px;
    }

    .m1-work-card--website {
      --m1-card-rotate-x: 2deg;
      --m1-card-rotate-y: -9deg;
      --m1-card-rotate-z: .6deg;
      --m1-card-scale: .78;
      top: -124px;
      right: -20px;
      width: 356px;
      height: 310px;
    }

    .m1-work-card--workshop {
      --m1-card-rotate-x: -2deg;
      --m1-card-rotate-y: 8deg;
      --m1-card-rotate-z: .6deg;
      --m1-card-scale: .84;
      bottom: -54px;
      left: -16px;
      width: 286px;
      height: 160px;
    }

    .m1-work-card--video {
      --m1-card-rotate-x: -3deg;
      --m1-card-rotate-y: 7deg;
      --m1-card-rotate-z: -.6deg;
      --m1-card-depth: 14px;
      --m1-card-scale: .89;
      bottom: -144px;
      left: 160px;
      width: 176px;
      height: 276px;
      border-radius: 24px;
    }

    .m1-work-card--video::before { border-radius: 22px; }

    .m1-work-card--ai {
      --m1-card-rotate-x: -2deg;
      --m1-card-rotate-y: -7deg;
      --m1-card-rotate-z: -.5deg;
      --m1-card-depth: 10px;
      --m1-card-scale: .83;
      right: 220px;
      bottom: -62px;
      width: 314px;
      height: 180px;
    }

    .m1-work-card--roadmap {
      --m1-card-rotate-x: -3deg;
      --m1-card-rotate-y: -8deg;
      --m1-card-rotate-z: .5deg;
      --m1-card-scale: .8;
      right: -20px;
      bottom: -126px;
      width: 386px;
      height: 210px;
    }

    @media (min-width: 1101px) {
      .m1-statement-focus.m1-patch-none .m1-shell { --m1-statement-clearance: 270px; }
      /* Room for the parallax drift (near cards ±64px) above and below the text. */
      .m1-statement-focus.m1-patch-none .m1-shell > .m1-statement-points { margin-bottom: 280px; }
    }

    @media (max-width: 1100px) {
      /* Open text (no boxes) must end above the lower scene cards. */
      .m1-statement-focus.m1-patch-none .m1-shell > .m1-statement-points { grid-column: 1 / -1; margin-bottom: 150px; }
      .m1-statement-focus.m1-patch-none .m1-shell > blockquote { grid-column: 1 / -1; }
    }

    @media (max-width: 900px) {
      .m1-statement-focus.m1-patch-none .m1-shell > .m1-statement-points { grid-template-columns: minmax(0, 1fr); }
    }

    /* Compact scene (<=1100px): every card stays inside the viewport (contract: no clipping edge;
       html clips overflow-x, so off-canvas cards would be cut hard at the screen edge). */
    @media (max-width: 1100px) {
      .m1-statement-focus.m1-patch-none { padding-bottom: 190px; }
      .m1-statement-focus.m1-patch-none .m1-shell { min-height: 640px; }
      .m1-work-card { opacity: .82; }
      /* Same depth cue the wide parallax applies to far cards, without the transform override. */
      .m1-work-card[data-m1-depth="far"] { filter: blur(1.4px); }
      .m1-work-card--linkedin,
      .m1-work-card--website,
      .m1-work-card--video { display: none; }
      .m1-work-card--content-plan { top: -28px; left: -35px; transform: scale(.82) rotateX(4deg) rotateY(-5deg) rotateZ(.5deg); }
      .m1-work-card--article { top: -72px; left: 22%; transform: scale(.82) rotateX(3deg) rotateY(6deg) rotateZ(-.4deg); }
      .m1-work-card--influencer { top: -45px; right: -32px; transform: scale(.82) rotateX(2deg) rotateY(-7deg) rotateZ(.4deg); }
      .m1-work-card--workshop { bottom: -48px; left: -33px; transform: scale(.82) rotateX(-2deg) rotateY(8deg) rotateZ(.6deg); }
      .m1-work-card--ai { right: 18%; bottom: -72px; transform: scale(.82) rotateX(-2deg) rotateY(-7deg) rotateZ(-.5deg); }
      .m1-work-card--roadmap { right: -34px; bottom: -112px; transform: scale(.82) rotateX(-3deg) rotateY(-8deg) rotateZ(.5deg); }
    }

    @media (max-width: 620px) {
      .m1-statement-focus.m1-patch-none { padding: 64px 0 168px; }
      .m1-statement-focus.m1-patch-none .m1-shell { min-height: 610px; }
      .m1-statement-focus.m1-patch-none .m1-shell::after { inset: 15% -12%; }
      .m1-statement-focus.m1-patch-none .m1-shell > p {
        margin-inline: 0;
        text-align: left;
        text-wrap: pretty;
      }
      .m1-work-card { opacity: .62; }
      .m1-work-card--content-plan { top: -56px; left: -55px; transform: scale(.62) rotateX(4deg) rotateY(-5deg) rotateZ(.5deg); }
      .m1-work-card--article { top: -42px; left: 64px; transform: scale(.62) rotateX(3deg) rotateY(6deg) rotateZ(-.4deg); }
      .m1-work-card--influencer { top: -48px; right: -63px; transform: scale(.62) rotateX(2deg) rotateY(-7deg) rotateZ(.4deg); }
      .m1-work-card--workshop { bottom: -20px; left: 36px; transform: scale(.62) rotateX(-2deg) rotateY(8deg) rotateZ(.6deg); }
      .m1-work-card--ai { right: auto; bottom: -70px; left: -65px; transform: scale(.62) rotateX(-2deg) rotateY(7deg) rotateZ(.5deg); }
      .m1-work-card--roadmap { right: -76px; bottom: -92px; transform: scale(.62) rotateX(-3deg) rotateY(-8deg) rotateZ(.5deg); }
    }

    @media (prefers-reduced-motion: reduce) {
      .m1-work-card,
      .m1-work-card__surface { transition: none !important; }
    }

    /* Idea section (owner spec 2026-09-20): H2 block top-left with passing,
       bridge photo anchored bottom-right (bleeds right to the viewport edge),
       sight-line diagonal. Scrolls in from a 526px offset (JS, damped, clipped
       inside the section). Reduced motion: static. */
    .m1-section.m1-idea-section--bridge {
      position: relative;
      box-sizing: border-box;
      height: 618px;
      padding: 0;
      overflow: clip;
      background: var(--m1-color-canvas);
    }

    .m1-idea-stage {
      position: relative;
      z-index: 1;
      width: min(calc(100% - (2 * var(--m1-shell-gutter))), var(--m1-shell-max));
      margin-inline: auto;
      height: 100%;
    }

    .m1-idea-copy {
      position: absolute;
      top: 0px;
      left: 64px;
      max-width: 46%;
    }

    .m1-idea-title {
      margin: 0;
      font-size: clamp(28px, 3.3vw, 48px);
      font-weight: var(--m1-weight-decision);
      letter-spacing: -.03em;
      line-height: 1.1;
    }

    .m1-idea-accent {
      color: var(--m1-color-teal-text);
      font-style: normal;
    }

    .m1-idea-thesis {
      margin: 20px 0 0;
      font-size: clamp(18px, 1.9vw, 26px);
      line-height: 1.4;
    }

    .m1-idea-rule {
      position: absolute;
      top: 236px;
      left: 64px;
      width: min(42%, 460px);
      border-top: 1px solid var(--m1-color-line);
    }

    .m1-idea-path {
      position: absolute;
      top: 264px;
      left: 64px;
      margin: 0;
      font-size: clamp(13px, 1.3vw, 17px);
    }

    .m1-idea-actions {
      position: absolute;
      top: 296px;
      left: 64px;
      display: flex;
      flex-wrap: nowrap;
      gap: 12px;
    }

    /* Intentional bleed (owner): the photo runs out of the 1400px stage to
       the right — anchored at the section (= viewport) right edge. */
    .m1-idea-bridge {
      position: absolute;
      z-index: 0;
      right: 0;
      bottom: calc(-28% - 69px);
      width: 62%;
      max-width: 1230px;
      height: auto;
      pointer-events: none;
    }

    @media (max-width: 980px) {
      .m1-section.m1-idea-section--bridge {
        height: auto;
        padding: 56px 0 0;
      }
      .m1-idea-copy {
        position: static;
        max-width: none;
        padding: 0 var(--m1-shell-gutter);
      }
      .m1-idea-title { font-size: clamp(30px, 8vw, 44px); }
      .m1-idea-thesis { font-size: 15px; margin-top: 14px; }
      .m1-idea-rule { position: static; margin: 20px 16px 0; }
      .m1-idea-path { position: static; margin: 20px 16px 0; }
      .m1-idea-actions { position: static; margin: 20px 16px 0; }
      .m1-idea-bridge { position: static; width: 100%; margin: 24px 0 0; }
    }

/* Public-header contract: one quiet 1400px canvas, official paired SVGs and
   local Manrope only. These final selectors intentionally win over legacy
   header layers above without changing the page's existing content system. */
.m1-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid var(--m1-color-line);
  background: var(--m1-color-surface-warm);
  color: var(--m1-color-ink);
}
.m1-header__inner { position: relative; min-height: calc(var(--m1-header-height) - 1px); gap: clamp(12px, 2vw, 32px); }
.m1-header .m1-brand { min-width: 44px; min-height: 44px; flex-shrink: 0; }
.m1-header .m1-brand img { width: auto; height: 36px; }
.m1-header .m1-header-logo--dark { display: none; }
[data-theme="dark"] .m1-header .m1-header-logo--light { display: none; }
[data-theme="dark"] .m1-header .m1-header-logo--dark { display: block; }
.m1-header .m1-nav {
  position: absolute;
  left: 50%;
  margin-left: 0;
  gap: clamp(18px, 2vw, 32px);
  transform: translateX(-50%);
}
.m1-header .m1-nav a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  color: var(--m1-color-body);
  font-family: var(--m1-font-header);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .005em;
  text-decoration: none;
}
.m1-header .m1-nav a:hover { color: var(--m1-color-ink); }
.m1-header .m1-theme-toggle,
.m1-header .m1-customer-login,
.m1-header .m1-mobile-navigation summary {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--m1-color-line);
  border-radius: var(--m1-radius-control);
  background: var(--m1-color-surface);
  color: var(--m1-color-ink);
  font-family: var(--m1-font-header);
  font-size: 14px;
  font-weight: 500;
}
.m1-header .m1-theme-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.m1-header .m1-theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.m1-header .m1-theme-toggle__sun { display: none; }
[data-theme="dark"] .m1-header .m1-theme-toggle__moon { display: none; }
[data-theme="dark"] .m1-header .m1-theme-toggle__sun { display: block; }
.m1-header .m1-customer-login { min-height: 48px; padding-inline: 14px; text-decoration: none; }
.m1-header .m1-mobile-navigation summary { padding-inline: 13px; }
.m1-header .m1-mobile-navigation-panel {
  border: 1px solid var(--m1-color-line);
  border-radius: 12px;
  background: var(--m1-color-surface);
  box-shadow: 0 18px 42px rgb(var(--m1-rgb-shade) / .14);
}
.m1-header .m1-mobile-navigation-panel a {
  color: var(--m1-color-ink);
  font-family: var(--m1-font-header);
  font-weight: 300;
}
@media (min-width: 821px) {
  .m1-header { position: sticky; top: 0; background: rgb(var(--m1-rgb-veil) / .72); backdrop-filter: blur(20px) saturate(1.4); }
  .m1-header .m1-nav { display: flex; }
  .m1-header .m1-mobile-navigation { display: none; }
}
@media (min-width: 621px) and (max-width: 820px) {
  .m1-header { position: sticky; top: 0; background: rgb(var(--m1-rgb-veil) / .96); backdrop-filter: blur(18px); }
  .m1-header .m1-nav { display: none; }
  .m1-header .m1-mobile-navigation { display: block; }
}
@media (max-width: 620px) {
  .m1-header { position: sticky; top: 0; background: rgb(var(--m1-rgb-veil) / .96); backdrop-filter: blur(18px); }
  .m1-header .m1-header__inner { min-height: 71px; gap: 8px; }
  .m1-header .m1-brand img { height: 28px; }
  .m1-header .m1-nav { display: none; }
  .m1-header .m1-mobile-navigation { display: block; }
  .m1-header .m1-customer-login { padding-inline: 10px; }
}

/* "Der letzte Meter" — owner-supplied stage (2026-09-28), fitted to the 1400px
   M1 canvas as a dark panel. Always dark, identical in both themes; the stage is
   the size container, so type scales with the 1400px panel, not the viewport. */
.m1-last-meter {
  container-type: inline-size;
  padding-block: clamp(48px, 6vw, 96px);
  background: transparent;
}
.m1-last-meter * { box-sizing: border-box; }
.m1-last-meter .m1-lm__stage {
  container-type: inline-size;
  isolation: isolate;
  position: relative;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: var(--m1-radius-panel);
  background: var(--m1-color-meter-canvas-fixed);
  color: var(--m1-color-meter-ink-fixed);
  font-family: var(--m1-font-sans);
  -webkit-font-smoothing: antialiased;
}
.m1-last-meter .m1-lm__visual { position: absolute; inset: 0; margin: 0; z-index: 0; overflow: hidden; }
.m1-last-meter .m1-lm__visual img { display: block; position: absolute; right: 0; bottom: 0; width: 90%; height: 100%; object-fit: cover; object-position: right center; mask-image: linear-gradient(to right, transparent 0%, var(--m1-color-ink-fixed) 22%); }
.m1-last-meter .m1-lm__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, var(--m1-color-meter-canvas-fixed), transparent 24%); pointer-events: none; }
.m1-last-meter .m1-lm__content { position: relative; z-index: 1; width: 57%; padding: 6cqw 0 6cqw 5.6cqw; }
.m1-last-meter .m1-lm__eyebrow { margin: 0 0 2.3cqw; font-size: clamp(10px, .8cqw, 15px); line-height: 1.6; letter-spacing: .28em; font-weight: 700; text-transform: uppercase; }
.m1-last-meter .m1-lm__title { margin: 0; font-size: clamp(38px, 6.05cqw, 108px); font-weight: 700; letter-spacing: -.055em; line-height: 1.015; color: var(--m1-color-meter-ink-fixed); }
.m1-last-meter .m1-lm__line { display: block; }
.m1-last-meter .m1-lm__accent { color: var(--m1-color-mint-fixed); }
.m1-last-meter .m1-lm__statement { margin: 2.6cqw 0 0; font-size: clamp(21px, 2.68cqw, 48px); line-height: 1.2; letter-spacing: -.035em; font-weight: 400; }
.m1-last-meter .m1-lm__statement strong { font-weight: 700; }
.m1-last-meter .m1-lm__services { margin: 2.6cqw 0 0; font-size: clamp(14px, 1.5cqw, 25px); line-height: 1.6; letter-spacing: -.02em; color: var(--m1-color-meter-muted-fixed); }
.m1-last-meter .m1-lm__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 1.8cqw; }
.m1-last-meter .m1-lm__button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 54px; padding: 18px 26px; border: 1.5px solid var(--m1-color-meter-outline-fixed); border-radius: 7px; color: var(--m1-color-meter-ink-fixed); font: 700 clamp(14px, 1.24cqw, 21px)/1.25 var(--m1-font-sans); text-decoration: none; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.m1-last-meter .m1-lm__button--primary { background: var(--m1-color-mint-fixed); border-color: var(--m1-color-mint-fixed); color: var(--m1-color-on-mint-fixed); }
.m1-last-meter .m1-lm__button svg { width: 19px; height: 19px; flex: none; }
.m1-last-meter .m1-lm__button:focus-visible { outline: 3px solid var(--m1-color-on-ink-fixed); outline-offset: 5px; }
@media (hover: hover) {
  .m1-last-meter .m1-lm__button:hover { background: var(--m1-color-meter-ink-fixed); color: var(--m1-color-meter-canvas-fixed); transform: translateY(-2px); }
  .m1-last-meter .m1-lm__button--primary:hover { background: var(--m1-color-mint-hover-fixed); border-color: var(--m1-color-mint-hover-fixed); }
}
@container (max-width: 1000px) and (min-width: 761px) {
  .m1-last-meter .m1-lm__actions { gap: 10px; }
  .m1-last-meter .m1-lm__button { padding: 15px 17px; min-height: 50px; }
  .m1-last-meter .m1-lm__content { padding-block: 6cqw; width: 59%; }
}
@container (max-width: 760px) {
  .m1-last-meter .m1-lm__stage { display: block; aspect-ratio: auto; border-radius: 20px; }
  .m1-last-meter .m1-lm__content { width: 100%; padding: 42px 6.2cqw 8px; }
  .m1-last-meter .m1-lm__eyebrow { margin-bottom: 24px; font-size: 10px; letter-spacing: .2em; }
  .m1-last-meter .m1-lm__title { font-size: clamp(36px, 8.5cqw, 64px); line-height: 1.04; letter-spacing: -.055em; }
  .m1-last-meter .m1-lm__statement { margin-top: 25px; font-size: clamp(21px, 4.5cqw, 30px); line-height: 1.25; }
  .m1-last-meter .m1-lm__services { margin-top: 24px; font-size: 14px; line-height: 1.7; max-width: 32em; }
  .m1-last-meter .m1-lm__actions { margin-top: 22px; gap: 12px; }
  .m1-last-meter .m1-lm__button { flex: 1 1 200px; font-size: 15px; padding: 16px 20px; min-height: 54px; }
  .m1-last-meter .m1-lm__visual { position: relative; height: clamp(270px, 78cqw, 420px); margin-top: 10px; }
  .m1-last-meter .m1-lm__visual::after { background: linear-gradient(to bottom, var(--m1-color-meter-canvas-fixed) 0%, transparent 18%); }
  .m1-last-meter .m1-lm__visual img { position: static; width: 100%; height: 100%; object-position: right center; mask-image: none; }
}
@media (prefers-reduced-motion: reduce) {
  .m1-last-meter .m1-lm__button { transition: none; transform: none !important; }
}

/* WEBSCORE teaser ------------------------------------------------------
   Message left, a rebuilt excerpt of the real report right (mint island,
   slightly tilted), the five areas as a hairline strip below. Points and
   strip reuse the ledger language of the statement section: hairlines and
   small teal numbers, no icon circles or check bubbles. */
.m1-webscore__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 48px clamp(40px, 5vw, 88px);
  align-items: center;
}

.m1-webscore__brand { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
.m1-webscore__brand .m1-webscore-logo { display: block; width: 168px; height: auto; }
.m1-webscore__brand .m1-webscore-logo--dark { display: none; }
[data-theme="dark"] .m1-webscore__brand .m1-webscore-logo--light { display: none; }
[data-theme="dark"] .m1-webscore__brand .m1-webscore-logo--dark { display: block; }
.m1-webscore__brand .m1-chip {
  padding: 7px 14px;
  border: 1px solid var(--m1-color-line-strong);
  border-radius: 999px;
  color: var(--m1-color-body);
  font-size: 11px;
  font-weight: var(--m1-weight-meta);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.m1-webscore .m1-heading { margin: 0; }
.m1-webscore__accent { color: var(--m1-color-teal-text); }
.m1-webscore .m1-subline { max-width: 560px; margin: 24px 0 0; }

.m1-webscore__points { margin: 36px 0 0; padding: 0; list-style: none; counter-reset: m1-ws-point; }
.m1-webscore__points li {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: baseline;
  padding: 14px 0;
  border-top: 1px solid var(--m1-color-line);
  counter-increment: m1-ws-point;
  font-family: var(--m1-font-header);
  font-size: clamp(17px, 1.3vw, 19px);
  font-weight: 500;
}
.m1-webscore__points li:last-child { border-bottom: 1px solid var(--m1-color-line); }
.m1-webscore__points li::before {
  color: var(--m1-color-teal-text);
  font-size: 12px;
  font-weight: var(--m1-weight-decision);
  font-variant-numeric: tabular-nums;
  letter-spacing: .14em;
  content: counter(m1-ws-point, decimal-leading-zero);
}

/* Preview: mint island carrying the report excerpt. */
.m1-webscore__preview {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 22px;
  margin: 0;
  padding: clamp(56px, 5vw, 72px) clamp(24px, 4vw, 56px) clamp(32px, 3vw, 44px);
  border-radius: 24px;
  background: var(--m1-color-patch);
}
.m1-webscore__label {
  position: absolute;
  top: 20px;
  left: 50%;
  translate: -50% 0;
  padding: 6px 14px;
  border: 1px solid var(--m1-color-line-strong);
  border-radius: 999px;
  color: var(--m1-color-body);
  font-size: 11px;
  font-weight: var(--m1-weight-meta);
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.m1-webscore__preview figcaption {
  max-width: 340px;
  color: var(--m1-color-body);
  font-family: var(--m1-font-header);
  font-size: 15px;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}

.m1-webscore__report {
  width: min(100%, 440px);
  overflow: hidden;
  border: 1px solid var(--m1-color-line);
  border-radius: 14px;
  background: var(--m1-color-surface);
  box-shadow: 0 30px 70px rgb(var(--m1-rgb-shade) / .16), 0 4px 14px rgb(var(--m1-rgb-shade) / .06);
  rotate: -1.5deg;
}
.m1-webscore__report-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 22px;
  border-bottom: 1px solid var(--m1-color-line);
  color: var(--m1-color-body);
  font-size: 11px;
}
.m1-webscore__report-head strong { color: var(--m1-color-ink); letter-spacing: .08em; }
.m1-webscore__report-body { padding: 22px 22px 24px; }
.m1-webscore__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--m1-color-teal-text);
  font-size: 10px;
  font-weight: var(--m1-weight-meta);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.m1-webscore__eyebrow::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ""; }
.m1-webscore__verdict {
  margin: 12px 0 0;
  font-family: var(--m1-font-header);
  font-size: 24px;
  font-weight: var(--m1-weight-decision);
  letter-spacing: -.02em;
  line-height: 1.15;
}
.m1-webscore__verdict span { display: block; color: var(--m1-color-body); font-weight: 400; }
.m1-webscore__coverage { margin-top: 20px; padding: 14px 16px; border-radius: 10px; background: var(--m1-color-patch); }
.m1-webscore__coverage p { margin: 0; color: var(--m1-color-body); font-size: 12px; }
.m1-webscore__coverage strong { color: var(--m1-color-ink); font-family: var(--m1-font-header); font-size: 26px; font-weight: var(--m1-weight-decision); }
.m1-webscore__bar { display: grid; grid-template-columns: repeat(24, 1fr); gap: 3px; margin-top: 10px; }
.m1-webscore__bar i { height: 12px; border-radius: 2px; background: rgb(var(--m1-rgb-ink) / .1); }
.m1-webscore__bar i.m1-webscore__bar-on { background: var(--m1-color-teal-text); }
.m1-webscore__kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 0; }
.m1-webscore__kpis div { padding-top: 10px; border-top: 1px solid var(--m1-color-line); }
.m1-webscore__kpis dt { color: var(--m1-color-body); font-size: 10px; letter-spacing: .02em; }
.m1-webscore__kpis dd { margin: 4px 0 0; color: var(--m1-color-body); font-size: 11px; }
.m1-webscore__kpis dd strong { color: var(--m1-color-ink); font-family: var(--m1-font-header); font-size: 20px; font-weight: var(--m1-weight-decision); }

/* Five areas: hairline strip with teal criterion counts (5+5+5+5+4 = 24). */
.m1-webscore__areas {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--m1-color-line-strong);
  list-style: none;
}
.m1-webscore__areas li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 18px 20px 4px 0;
  font-family: var(--m1-font-header);
  font-size: 16px;
  font-weight: 500;
}
.m1-webscore__areas li + li { padding-left: 20px; border-left: 1px solid var(--m1-color-line); }
.m1-webscore__areas strong { color: var(--m1-color-teal-text); font-size: 20px; font-weight: var(--m1-weight-decision); font-variant-numeric: tabular-nums; }

@media (max-width: 980px) {
  .m1-webscore__grid { grid-template-columns: minmax(0, 1fr); }
  .m1-webscore__areas { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 8px; }
  .m1-webscore__areas li + li { padding-left: 0; border-left: 0; }
  .m1-webscore__areas li { padding-right: 16px; border-bottom: 1px solid var(--m1-color-line); padding-bottom: 14px; }
}

@media (max-width: 520px) {
  .m1-webscore__areas { grid-template-columns: minmax(0, 1fr); }
  .m1-webscore__kpis { gap: 8px; }
  .m1-webscore__report { rotate: -1deg; }
}