.mc-brief {
        --mc-navy: #08111f;
        --mc-panel: #102035;
        --mc-panel-deep: #0b1829;
        --mc-line: #36516a;
        --mc-teal: #73bbb0;
        --mc-gold: #d2a83f;
        --mc-red: #ef7166;
        --mc-blue: #8eb2cf;
        background:
          radial-gradient(circle at 82% 8%, rgba(56, 107, 139, 0.19), transparent 30rem),
          linear-gradient(180deg, rgba(8, 17, 31, 0.97), rgba(7, 11, 15, 0.99)),
          url("assets/images/camo-background.webp") center top / cover fixed;
      }

      .mc-brief .site-header {
        background: rgba(8, 17, 31, 0.88);
      }

      .mc-brief .page-shell {
        width: min(1240px, calc(100% - 40px));
        padding-top: 48px;
      }

      .mc-header-status {
        align-self: center;
        color: var(--mc-gold);
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-align: right;
        text-transform: uppercase;
      }

      .mc-kicker,
      .mc-mono {
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .mc-kicker {
        margin: 0 0 16px;
        color: var(--mc-teal);
        font-size: 0.76rem;
        font-weight: 800;
      }

      .mc-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
        gap: 34px;
        align-items: stretch;
        padding: 22px 0 56px;
      }

      .mc-hero-copy {
        align-self: center;
      }

      .mc-hero h1 {
        max-width: 850px;
        margin: 0;
        font-size: clamp(3rem, 6vw, 5.5rem);
        line-height: 0.91;
        letter-spacing: -0.065em;
      }

      .mc-title-name {
        display: block;
      }

      .mc-hero h1 span {
        display: block;
        margin-top: 12px;
        color: var(--mc-gold);
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.28em;
        letter-spacing: 0.22em;
        line-height: 1.25;
        text-transform: uppercase;
      }

      .mc-hero-lede {
        max-width: 760px;
        margin: 28px 0 0;
        color: #d7dfdf;
        font-size: clamp(1.08rem, 2vw, 1.34rem);
        line-height: 1.62;
      }

      .mc-status-row,
      .mc-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .mc-status-row {
        margin-top: 24px;
      }

      .mc-status-pill,
      .mc-chip,
      .mc-adapter-status {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(115, 187, 176, 0.36);
        border-radius: 999px;
        background: rgba(115, 187, 176, 0.09);
        padding: 7px 11px;
        color: #c7e4df;
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .mc-status-pill::before,
      .mc-adapter-status::before {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: currentColor;
        content: "";
        box-shadow: 0 0 14px currentColor;
      }

      .mc-status-pill.gold,
      .mc-adapter-status.tested {
        border-color: rgba(210, 168, 63, 0.44);
        background: rgba(210, 168, 63, 0.1);
        color: #efd07f;
      }

      .mc-status-pill.blue,
      .mc-adapter-status.next {
        border-color: rgba(142, 178, 207, 0.38);
        background: rgba(142, 178, 207, 0.09);
        color: #bdd5e7;
      }

      .mc-status-pill.red,
      .mc-adapter-status.caution {
        border-color: rgba(239, 113, 102, 0.4);
        background: rgba(239, 113, 102, 0.09);
        color: #f5a49d;
      }

      .mc-hero-instrument {
        position: relative;
        display: grid;
        gap: 14px;
        align-content: start;
        overflow: hidden;
        border: 1px solid rgba(115, 187, 176, 0.3);
        border-radius: 18px;
        background:
          linear-gradient(145deg, rgba(16, 32, 53, 0.97), rgba(8, 17, 31, 0.97)),
          var(--mc-navy);
        padding: 20px;
        box-shadow: 0 34px 90px rgba(0, 0, 0, 0.38);
      }

      .mc-hero-instrument::after {
        position: absolute;
        right: -80px;
        bottom: -120px;
        width: 240px;
        height: 240px;
        border: 1px solid rgba(210, 168, 63, 0.18);
        border-radius: 50%;
        content: "";
      }

      .mc-instrument-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding-bottom: 14px;
      }

      .mc-instrument-head strong {
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.88rem;
        letter-spacing: 0.12em;
      }

      .mc-instrument-head span {
        color: var(--mc-gold);
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.72rem;
      }

      .mc-attitude-pair {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }

      .mc-attitude-pair img {
        min-width: 0;
        border: 1px solid rgba(91, 135, 171, 0.34);
        border-radius: 10px;
        background: #09172a;
      }

      .mc-hero > *,
      .mc-section-heading > *,
      .mc-data-grid > *,
      .mc-surface-band > *,
      .mc-screenshot-grid > *,
      .mc-feature-grid > *,
      .mc-tested-adapter > *,
      .mc-adapter-grid > *,
      .mc-roadmap-grid > *,
      .mc-vehicle-grid > * {
        min-width: 0;
      }

      .mc-recommendation {
        position: relative;
        z-index: 1;
        border: 1px solid rgba(210, 168, 63, 0.36);
        border-radius: 12px;
        background: rgba(210, 168, 63, 0.08);
        padding: 18px;
      }

      .mc-recommendation small {
        display: block;
        color: #d9c992;
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .mc-recommendation strong {
        display: block;
        margin-top: 8px;
        color: #fff5d2;
        font-size: 1.48rem;
      }

      .mc-recommendation p {
        margin: 8px 0 0;
        color: #c5c6bd;
        font-size: 0.9rem;
        line-height: 1.55;
      }

      .mc-proof-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
        overflow: hidden;
        margin: 0 0 74px;
        border: 1px solid rgba(91, 135, 171, 0.32);
        border-radius: 14px;
        background: rgba(91, 135, 171, 0.32);
      }

      .mc-proof {
        min-height: 126px;
        background: rgba(11, 24, 41, 0.96);
        padding: 22px;
      }

      .mc-proof strong {
        display: block;
        color: #f4f4eb;
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: clamp(1.55rem, 3vw, 2.35rem);
        line-height: 1;
      }

      .mc-proof span {
        display: block;
        margin-top: 10px;
        color: #96a7b4;
        font-size: 0.83rem;
        line-height: 1.45;
      }

      .mc-section {
        margin: 0 0 86px;
        scroll-margin-top: 110px;
      }

      .mc-section-heading {
        display: grid;
        grid-template-columns: minmax(0, 0.85fr) minmax(300px, 0.65fr);
        gap: 36px;
        align-items: end;
        margin-bottom: 30px;
      }

      .mc-section-heading h2 {
        max-width: 760px;
        margin: 0;
        font-size: clamp(2.1rem, 4.8vw, 4rem);
        line-height: 1.02;
        letter-spacing: -0.045em;
      }

      .mc-section-heading > p {
        margin: 0;
        color: #aebcc3;
        font-size: 1rem;
      }

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

      .mc-data-card,
      .mc-feature-card,
      .mc-roadmap-card,
      .mc-vehicle-card {
        border: 1px solid rgba(91, 135, 171, 0.3);
        border-radius: 14px;
        background: linear-gradient(160deg, rgba(16, 32, 53, 0.95), rgba(9, 20, 34, 0.97));
        padding: 24px;
      }

      .mc-data-card h3,
      .mc-feature-card h3,
      .mc-roadmap-card h3,
      .mc-vehicle-card h3 {
        margin: 0;
        font-size: 1.23rem;
      }

      .mc-data-card .mc-source-tag {
        display: inline-block;
        margin-bottom: 15px;
        color: var(--mc-teal);
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .mc-data-card:nth-child(2) .mc-source-tag {
        color: var(--mc-gold);
      }

      .mc-data-card:nth-child(3) .mc-source-tag {
        color: var(--mc-blue);
      }

      .mc-data-card p,
      .mc-roadmap-card p,
      .mc-vehicle-card p {
        margin: 12px 0 0;
        color: #aebbc3;
      }

      .mc-data-card ul,
      .mc-feature-card ul,
      .mc-roadmap-card ul {
        display: grid;
        gap: 9px;
        margin: 17px 0 0;
        padding-left: 19px;
        color: #cbd4d7;
      }

      .mc-surface-band {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 16px;
        margin-top: 16px;
      }

      .mc-surfaces,
      .mc-carplay-note {
        border: 1px solid rgba(210, 168, 63, 0.28);
        border-radius: 14px;
        background: rgba(210, 168, 63, 0.06);
        padding: 24px;
      }

      .mc-surfaces h3,
      .mc-carplay-note h3 {
        margin: 0;
        font-size: 1.15rem;
      }

      .mc-surface-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 18px;
      }

      .mc-surface {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        background: rgba(8, 17, 31, 0.62);
        padding: 15px;
      }

      .mc-surface strong {
        display: block;
        color: #fff6d7;
      }

      .mc-surface span,
      .mc-carplay-note p {
        display: block;
        margin-top: 6px;
        color: #acb7b9;
        font-size: 0.82rem;
        line-height: 1.5;
      }

      .mc-build-banner {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 20px;
        align-items: center;
        margin-bottom: 18px;
        border: 1px solid rgba(115, 187, 176, 0.32);
        border-radius: 14px;
        background: rgba(115, 187, 176, 0.07);
        padding: 20px 22px;
      }

      .mc-build-number {
        color: var(--mc-gold);
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: clamp(2rem, 5vw, 4.2rem);
        font-weight: 800;
        line-height: 0.9;
      }

      .mc-build-banner p {
        margin: 0;
        color: #c3ced1;
      }

      .mc-screenshot-grid {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        gap: 18px;
      }

      .mc-screenshot {
        display: grid;
        align-content: start;
        overflow: hidden;
        margin: 0;
        border: 1px solid rgba(91, 135, 171, 0.32);
        border-radius: 16px;
        background: #07111f;
      }

      .mc-screenshot-media {
        display: grid;
        min-height: 640px;
        place-items: center;
        padding: 16px;
      }

      .mc-screenshot img {
        width: auto;
        max-width: 100%;
        max-height: 720px;
        object-fit: contain;
      }

      .mc-screenshot figcaption {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding: 16px 18px;
        color: #9cabb4;
        font-size: 0.82rem;
      }

      .mc-render-note {
        margin: 14px 0 0;
        color: #8f9fa8;
        font-size: 0.82rem;
      }

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

      .mc-feature-card {
        position: relative;
        overflow: hidden;
      }

      .mc-feature-card::before {
        display: block;
        width: 54px;
        height: 3px;
        margin-bottom: 19px;
        border-radius: 99px;
        background: var(--mc-teal);
        content: "";
      }

      .mc-feature-card.validation::before {
        background: var(--mc-blue);
      }

      .mc-feature-card.planned::before {
        background: var(--mc-gold);
      }

      .mc-feature-card small {
        display: block;
        margin-bottom: 7px;
        color: #8da0ab;
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .mc-adapter-shell {
        overflow: hidden;
        border: 1px solid rgba(210, 168, 63, 0.34);
        border-radius: 18px;
        background:
          linear-gradient(145deg, rgba(16, 32, 53, 0.98), rgba(8, 17, 31, 0.98)),
          var(--mc-navy);
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
      }

      .mc-tested-adapter {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.54fr);
        gap: 34px;
        align-items: center;
        padding: 34px;
        border-bottom: 1px solid rgba(210, 168, 63, 0.26);
        background: rgba(210, 168, 63, 0.07);
      }

      .mc-tested-adapter h3 {
        margin: 13px 0 0;
        color: #fff4cc;
        font-size: clamp(2rem, 4.5vw, 3.7rem);
        line-height: 1;
        letter-spacing: -0.045em;
      }

      .mc-tested-adapter p {
        max-width: 710px;
        margin: 16px 0 0;
        color: #c7cbc4;
      }

      .mc-tested-facts {
        display: grid;
        gap: 9px;
      }

      .mc-tested-fact {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        background: rgba(8, 17, 31, 0.58);
        padding: 14px 15px;
      }

      .mc-tested-fact small {
        display: block;
        color: #8fa3af;
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-size: 0.62rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .mc-tested-fact strong {
        display: block;
        margin-top: 3px;
        color: #f2f4ec;
      }

      .mc-adapter-group {
        padding: 30px 34px 34px;
      }

      .mc-adapter-group + .mc-adapter-group {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }

      .mc-adapter-group-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 18px;
      }

      .mc-adapter-group-head h3 {
        margin: 0;
        font-size: 1.45rem;
      }

      .mc-adapter-group-head p {
        max-width: 600px;
        margin: 0;
        color: #93a4ae;
        font-size: 0.84rem;
        text-align: right;
      }

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

      .mc-adapter-card {
        display: grid;
        align-content: start;
        min-height: 218px;
        border: 1px solid rgba(91, 135, 171, 0.28);
        border-radius: 12px;
        background: rgba(9, 20, 34, 0.78);
        padding: 18px;
      }

      .mc-adapter-card h4 {
        margin: 14px 0 0;
        font-size: 1.05rem;
        line-height: 1.3;
      }

      .mc-adapter-card p {
        margin: 9px 0 0;
        color: #a7b4ba;
        font-size: 0.83rem;
        line-height: 1.52;
      }

      .mc-adapter-status {
        width: fit-content;
        padding: 5px 9px;
        font-size: 0.59rem;
      }

      .mc-adapter-status.future {
        border-color: rgba(255, 255, 255, 0.16);
        background: rgba(255, 255, 255, 0.04);
        color: #aeb9be;
      }

      .mc-adapter-note {
        margin: 18px 0 0;
        border-left: 3px solid var(--mc-gold);
        background: rgba(210, 168, 63, 0.06);
        padding: 14px 16px;
        color: #c5c9c4;
        font-size: 0.84rem;
      }

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

      .mc-chip-row {
        margin-top: 18px;
      }

      .mc-chip {
        border-color: rgba(255, 255, 255, 0.13);
        background: rgba(255, 255, 255, 0.04);
        color: #c6ced1;
      }

      .mc-vehicle-card.current {
        border-color: rgba(115, 187, 176, 0.35);
      }

      .mc-vehicle-card.validation {
        border-color: rgba(210, 168, 63, 0.34);
      }

      .mc-closing {
        margin-top: 18px;
        border: 1px solid rgba(115, 187, 176, 0.34);
        border-radius: 16px;
        background:
          radial-gradient(circle at 85% 20%, rgba(210, 168, 63, 0.12), transparent 16rem),
          rgba(16, 32, 53, 0.88);
        padding: clamp(36px, 6vw, 68px) 30px;
        text-align: center;
      }

      .mc-closing .mc-kicker {
        margin-bottom: 14px;
      }

      .mc-closing h3 {
        max-width: 850px;
        margin: 0 auto;
        font-size: clamp(2rem, 4.5vw, 3.6rem);
        line-height: 1.04;
        letter-spacing: -0.04em;
      }

      .mc-closing > p:last-child {
        max-width: 760px;
        margin: 18px auto 0;
        color: #afbcc2;
        font-size: 1.02rem;
        line-height: 1.65;
      }

      .mc-disclosure {
        margin-top: 46px;
        border-top: 1px solid rgba(255, 255, 255, 0.09);
        padding-top: 22px;
        color: #7f9099;
        font-size: 0.77rem;
      }

      @media (max-width: 980px) {
        .mc-hero,
        .mc-section-heading,
        .mc-tested-adapter,
        .mc-surface-band {
          grid-template-columns: 1fr;
        }

        .mc-hero-instrument {
          max-width: 720px;
        }

        .mc-proof-strip,
        .mc-feature-grid,
        .mc-data-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .mc-adapter-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .mc-tested-adapter {
          gap: 24px;
        }
      }

      @media (max-width: 720px) {
        .mc-brief .page-shell {
          width: min(100% - 28px, 1240px);
          padding-top: 28px;
        }

        .mc-hero {
          gap: 24px;
          padding-bottom: 38px;
        }

        .mc-hero h1 {
          font-size: clamp(2.8rem, 13.3vw, 4rem);
        }

        .mc-proof-strip,
        .mc-feature-grid,
        .mc-data-grid,
        .mc-screenshot-grid,
        .mc-roadmap-grid,
        .mc-vehicle-grid,
        .mc-adapter-grid,
        .mc-surface-list {
          grid-template-columns: 1fr;
        }

        .mc-proof {
          min-height: 0;
        }

        .mc-section {
          margin-bottom: 64px;
        }

        .mc-section-heading {
          gap: 16px;
        }

        .mc-screenshot-media {
          min-height: 0;
          padding: 12px;
        }

        .mc-screenshot img {
          max-height: none;
        }

        .mc-adapter-group,
        .mc-tested-adapter {
          padding: 24px 18px;
        }

        .mc-adapter-group-head {
          display: grid;
          grid-template-columns: 1fr;
        }

        .mc-adapter-group-head p {
          text-align: left;
        }

        .mc-adapter-card {
          min-height: 0;
        }

        .mc-header-status {
          max-width: 170px;
          font-size: 0.62rem;
          line-height: 1.45;
        }
      }

      @media (max-width: 420px) {
        .mc-attitude-pair {
          grid-template-columns: 1fr;
        }

        .mc-header-status {
          max-width: 132px;
        }
      }