
  .zx-mojito-v2 {
    --mj-forest: #082f25;
    --mj-deep: #061e18;
    --mj-green: #176a4b;
    --mj-lime: #b7d83d;
    --mj-lime-deep: #75951c;
    --mj-mint: #dcece3;
    --mj-mist: #eef5f0;
    --mj-ivory: #f8f7f1;
    --mj-paper: #fffefa;
    --mj-ink: #10211a;
    --mj-muted: #64716b;
    --mj-line: #d7ded9;
    --mj-white: #fff;
    --mj-display: "Iowan Old Style", Baskerville, "Times New Roman", serif;
    --mj-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mj-container: 1240px;
    --mj-shadow: 0 22px 64px rgba(16, 37, 28, .1);
    overflow: hidden;
    color: var(--mj-ink);
    background: var(--mj-paper);
    font-family: var(--mj-body);
    font-size: 16px;
    line-height: 1.65;
  }

  .zx-mojito-v2,
  .zx-mojito-v2 * { box-sizing: border-box; }

  .zx-mojito-v2 img { display: block; max-width: 100%; height: auto; }
  .zx-mojito-v2 a { color: inherit; }
  .zx-mojito-v2 p,
  .zx-mojito-v2 h2,
  .zx-mojito-v2 h3,
  .zx-mojito-v2 figure { margin-top: 0; }

  .zx-mojito-v2 .mj-wrap {
    width: min(calc(100% - 48px), var(--mj-container));
    margin-inline: auto;
  }

  .zx-mojito-v2 .mj-section { padding: 104px 0; }
  .zx-mojito-v2 .mj-section--ivory { background: var(--mj-ivory); }
  .zx-mojito-v2 .mj-section--mist { background: var(--mj-mist); }
  .zx-mojito-v2 .mj-section--forest { color: var(--mj-white); background: var(--mj-forest); }
  .zx-mojito-v2 .mj-section--deep { color: var(--mj-white); background: var(--mj-deep); }

  .zx-mojito-v2 .mj-kicker {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
    color: var(--mj-lime-deep);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  .zx-mojito-v2 .mj-kicker::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
  }

  .zx-mojito-v2 .mj-section--forest .mj-kicker,
  .zx-mojito-v2 .mj-section--deep .mj-kicker,
  .zx-mojito-v2 .mj-hero .mj-kicker { color: var(--mj-lime); }

  .zx-mojito-v2 h2 {
    max-width: 900px;
    margin-bottom: 24px;
    font-family: var(--mj-display);
    font-size: clamp(2.55rem, 5vw, 5rem);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: .98;
  }

  .zx-mojito-v2 h3 {
    margin-bottom: 11px;
    font-family: var(--mj-display);
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1.15;
  }

  .zx-mojito-v2 .mj-lede {
    max-width: 700px;
    margin-bottom: 30px;
    color: var(--mj-muted);
    font-size: 1.03rem;
  }

  .zx-mojito-v2 .mj-section--forest .mj-lede,
  .zx-mojito-v2 .mj-section--deep .mj-lede { color: rgba(255,255,255,.74); }

  .zx-mojito-v2 .mj-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }

  .zx-mojito-v2 .mj-btn {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 13px 22px;
    border: 1px solid var(--mj-green);
    border-radius: 999px;
    background: var(--mj-green);
    color: var(--mj-white);
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, color .2s ease;
  }

  .zx-mojito-v2 .mj-btn:hover { transform: translateY(-2px); background: var(--mj-forest); }
  .zx-mojito-v2 .mj-btn--line { border-color: #89978f; background: transparent; color: var(--mj-forest); }
  .zx-mojito-v2 .mj-btn--light { border-color: var(--mj-white); background: var(--mj-white); color: var(--mj-forest); }

  .zx-mojito-v2 .mj-btn:focus-visible,
  .zx-mojito-v2 summary:focus-visible,
  .zx-mojito-v2 button:focus-visible,
  .zx-mojito-v2 a:focus-visible {
    outline: 3px solid var(--mj-lime);
    outline-offset: 3px;
  }

  .zx-mojito-v2 .mj-hero {
    position: relative;
    min-height: 750px;
    overflow: hidden;
    color: var(--mj-white);
    background:
      radial-gradient(circle at 78% 40%, rgba(183,216,61,.16), transparent 23%),
      linear-gradient(115deg, #041a14 0%, #082f25 56%, #164f3c 100%);
  }

  .zx-mojito-v2 .mj-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgba(4,26,20,.97) 0%, rgba(4,26,20,.9) 36%, rgba(4,26,20,.48) 59%, rgba(4,26,20,.08) 100%);
    content: "";
    pointer-events: none;
  }

  .zx-mojito-v2 .mj-hero__image {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .zx-mojito-v2 .mj-hero::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 56px 56px;
    content: "";
    mask-image: linear-gradient(90deg, transparent 0%, #000 55%, #000 100%);
    pointer-events: none;
  }

  .zx-mojito-v2 .mj-hero__inner {
    position: relative;
    z-index: 2;
    display: grid;
    min-height: 750px;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    align-items: center;
  }

  .zx-mojito-v2 .mj-hero__copy { max-width: 670px; padding: 88px 0 98px; }
  .zx-mojito-v2 .mj-hero h2 {
    color: var(--mj-white);
    font-size: clamp(3.15rem, 5.9vw, 5.85rem);
    text-shadow: 0 3px 32px rgba(0,0,0,.18);
  }
  .zx-mojito-v2 .mj-hero .mj-lede { max-width: 590px; color: rgba(255,255,255,.78); }
  .zx-mojito-v2 .mj-hero .mj-btn--line { border-color: rgba(255,255,255,.64); color: var(--mj-white); }

  .zx-mojito-v2 .mj-hero-disclaimer {
    max-width: 570px;
    margin: 22px 0 0;
    color: rgba(255,255,255,.62);
    font-size: .72rem;
  }

  .zx-mojito-v2 .mj-hero-art {
    position: relative;
    min-height: 650px;
    isolation: isolate;
  }

  .zx-mojito-v2 .mj-hero-art::before {
    position: absolute;
    right: 3%;
    bottom: 8%;
    width: 540px;
    height: 540px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(183,216,61,.19), rgba(183,216,61,.02) 58%, transparent 70%);
    content: "";
  }

  .zx-mojito-v2 .mj-can {
    position: absolute;
    bottom: 70px;
    width: 168px;
    height: 490px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 30px 30px 25px 25px / 18px 18px 28px 28px;
    background:
      linear-gradient(90deg, rgba(255,255,255,.48), rgba(255,255,255,.06) 17%, rgba(255,255,255,.12) 74%, rgba(255,255,255,.45)),
      linear-gradient(180deg, #f7f8f1 0 3%, #dce7df 3% 4.2%, #1b6c4e 4.2% 70%, #0d392b 70% 96%, #d8e1dc 96%);
    box-shadow: 0 28px 45px rgba(0,0,0,.28);
    transform: rotate(-3deg);
  }

  .zx-mojito-v2 .mj-can--back {
    right: 278px;
    bottom: 58px;
    height: 452px;
    opacity: .62;
    filter: saturate(.6);
    transform: rotate(5deg);
  }

  .zx-mojito-v2 .mj-can--front { right: 100px; }

  .zx-mojito-v2 .mj-can::before,
  .zx-mojito-v2 .mj-can::after {
    position: absolute;
    left: 7px;
    width: calc(100% - 14px);
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(90deg, #aebbb4, #f7faf8 50%, #91a39a);
    content: "";
  }

  .zx-mojito-v2 .mj-can::before { top: 1px; }
  .zx-mojito-v2 .mj-can::after { bottom: 2px; }

  .zx-mojito-v2 .mj-can__brand {
    position: absolute;
    top: 88px;
    left: 16px;
    right: 16px;
    color: var(--mj-white);
    text-align: center;
  }

  .zx-mojito-v2 .mj-can__brand b {
    display: block;
    font-family: var(--mj-display);
    font-size: 2.25rem;
    font-weight: 400;
    letter-spacing: -.06em;
  }

  .zx-mojito-v2 .mj-can__brand span {
    display: block;
    margin-top: 8px;
    color: var(--mj-lime);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .zx-mojito-v2 .mj-lime-disc {
    position: absolute;
    z-index: 3;
    right: 22px;
    bottom: 56px;
    width: 126px;
    height: 126px;
    border: 13px solid #91b82e;
    border-radius: 50%;
    background:
      conic-gradient(from 10deg, #dff08e 0 10%, #b5d94f 10% 22%, #e4f49a 22% 36%, #b5d94f 36% 48%, #e4f49a 48% 62%, #b5d94f 62% 76%, #e4f49a 76% 90%, #b5d94f 90%);
    box-shadow: 0 22px 36px rgba(0,0,0,.26);
    transform: rotate(-15deg);
  }

  .zx-mojito-v2 .mj-mint-leaf {
    position: absolute;
    z-index: 3;
    right: 350px;
    bottom: 75px;
    width: 92px;
    height: 150px;
    border-radius: 90% 10% 90% 10%;
    background: linear-gradient(135deg, #85d0a5, #176a4b);
    box-shadow: 0 22px 38px rgba(0,0,0,.22);
    transform: rotate(22deg);
  }

  .zx-mojito-v2 .mj-hero-note {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 25px;
    max-width: 390px;
    padding: 11px 15px;
    border-radius: 999px;
    background: rgba(255,255,255,.93);
    color: #4f5e57;
    font-size: .7rem;
  }

  .zx-mojito-v2 .mj-decision {
    position: relative;
    z-index: 5;
    display: grid;
    width: min(calc(100% - 48px), var(--mj-container));
    margin: -32px auto 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(16,33,26,.08);
    border-radius: 13px;
    background: rgba(255,254,250,.98);
    box-shadow: var(--mj-shadow);
  }

  .zx-mojito-v2 .mj-decision div { min-height: 122px; padding: 28px; }
  .zx-mojito-v2 .mj-decision div + div { border-left: 1px solid var(--mj-line); }
  .zx-mojito-v2 .mj-decision span {
    display: block;
    margin-bottom: 8px;
    color: var(--mj-muted);
    font-size: .7rem;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  .zx-mojito-v2 .mj-decision strong {
    font-family: var(--mj-display);
    font-size: 1.18rem;
    font-weight: 400;
    line-height: 1.28;
  }

  .zx-mojito-v2 .mj-split {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: 72px;
    align-items: start;
  }

  .zx-mojito-v2 .mj-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--mj-line);
    border-left: 1px solid var(--mj-line);
  }

  .zx-mojito-v2 .mj-profile {
    min-height: 180px;
    padding: 26px;
    border-right: 1px solid var(--mj-line);
    border-bottom: 1px solid var(--mj-line);
    background: rgba(255,255,255,.64);
  }

  .zx-mojito-v2 .mj-profile b {
    display: block;
    margin-bottom: 9px;
    color: var(--mj-green);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .zx-mojito-v2 .mj-profile p { margin-bottom: 0; color: var(--mj-muted); font-size: .88rem; }

  .zx-mojito-v2 .mj-fit-panel {
    position: sticky;
    top: 24px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--mj-forest);
    color: var(--mj-white);
    box-shadow: var(--mj-shadow);
  }

  .zx-mojito-v2 .mj-fit-panel__head {
    padding: 28px;
    background: linear-gradient(135deg, rgba(183,216,61,.2), transparent);
  }

  .zx-mojito-v2 .mj-fit-panel__head h3 { margin-bottom: 8px; font-size: 2rem; }
  .zx-mojito-v2 .mj-fit-panel__head p { margin-bottom: 0; color: rgba(255,255,255,.7); font-size: .86rem; }

  .zx-mojito-v2 .mj-fit-row {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 18px;
    padding: 21px 28px;
    border-top: 1px solid rgba(255,255,255,.12);
  }

  .zx-mojito-v2 .mj-status {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    align-self: start;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(183,216,61,.15);
    color: #d9ef7e;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-align: center;
    text-transform: uppercase;
  }

  .zx-mojito-v2 .mj-fit-row p { margin: 0; color: rgba(255,255,255,.73); font-size: .83rem; }

  .zx-mojito-v2 .mj-ledger {
    overflow: hidden;
    border: 1px solid var(--mj-line);
    border-radius: 8px;
    background: var(--mj-white);
  }

  .zx-mojito-v2 .mj-ledger__row {
    display: grid;
    grid-template-columns: 190px repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid var(--mj-line);
  }
  .zx-mojito-v2 .mj-ledger__row:last-child { border-bottom: 0; }
  .zx-mojito-v2 .mj-ledger__row > * { padding: 22px; }
  .zx-mojito-v2 .mj-ledger__row > * + * { border-left: 1px solid var(--mj-line); }
  .zx-mojito-v2 .mj-ledger__label { color: var(--mj-forest); font-weight: 800; }
  .zx-mojito-v2 .mj-ledger__cell b { display: block; margin-bottom: 5px; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-ledger__cell span { color: var(--mj-muted); font-size: .82rem; }

  .zx-mojito-v2 .mj-route-grid {
    display: grid;
    margin-top: 48px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(255,255,255,.18);
    border-bottom: 1px solid rgba(255,255,255,.18);
  }

  .zx-mojito-v2 .mj-route { min-height: 310px; padding: 34px 30px; }
  .zx-mojito-v2 .mj-route + .mj-route { border-left: 1px solid rgba(255,255,255,.18); }
  .zx-mojito-v2 .mj-route__num { display: block; margin-bottom: 50px; color: var(--mj-lime); font-size: .75rem; font-weight: 800; }
  .zx-mojito-v2 .mj-route p { color: rgba(255,255,255,.68); font-size: .86rem; }
  .zx-mojito-v2 .mj-route ul { padding-left: 19px; color: rgba(255,255,255,.76); font-size: .82rem; }

  .zx-mojito-v2 .mj-sample-track {
    display: grid;
    margin-top: 45px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }

  .zx-mojito-v2 .mj-sample {
    position: relative;
    min-height: 250px;
    padding: 28px;
    border: 1px solid var(--mj-line);
    border-radius: 8px;
    background: var(--mj-white);
  }

  .zx-mojito-v2 .mj-sample::after {
    position: absolute;
    right: 18px;
    bottom: 18px;
    width: 48px;
    height: 48px;
    border: 8px solid #a2c739;
    border-radius: 50%;
    background: #dff09b;
    content: "";
    opacity: .65;
  }

  .zx-mojito-v2 .mj-sample b { color: var(--mj-green); font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-sample h3 { margin-top: 38px; }
  .zx-mojito-v2 .mj-sample p { color: var(--mj-muted); font-size: .82rem; }

  .zx-mojito-v2 .mj-risk-map {
    display: grid;
    margin-top: 28px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border: 1px solid var(--mj-line);
    background: var(--mj-white);
  }

  .zx-mojito-v2 .mj-risk {
    min-height: 170px;
    padding: 24px 20px;
  }
  .zx-mojito-v2 .mj-risk + .mj-risk { border-left: 1px solid var(--mj-line); }
  .zx-mojito-v2 .mj-risk b { display: block; margin-bottom: 12px; color: var(--mj-green); font-size: .73rem; text-transform: uppercase; }
  .zx-mojito-v2 .mj-risk p { margin: 0; color: var(--mj-muted); font-size: .8rem; }

  .zx-mojito-v2 .mj-can-system {
    display: grid;
    margin-top: 44px;
    grid-template-columns: .85fr repeat(3, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
  }

  .zx-mojito-v2 .mj-can-system > div {
    min-height: 300px;
    padding: 30px;
    background: rgba(255,255,255,.035);
  }
  .zx-mojito-v2 .mj-can-system > div + div { border-left: 1px solid rgba(255,255,255,.18); }
  .zx-mojito-v2 .mj-can-system b { display: block; margin-bottom: 36px; color: var(--mj-lime); font-size: .7rem; letter-spacing: .09em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-can-system h3 { color: var(--mj-white); }
  .zx-mojito-v2 .mj-can-system p,
  .zx-mojito-v2 .mj-can-system li { color: rgba(255,255,255,.69); font-size: .82rem; }
  .zx-mojito-v2 .mj-can-system ul { padding-left: 18px; }

  .zx-mojito-v2 .mj-mini-can {
    width: 92px;
    height: 235px;
    margin: 0 auto 20px;
    border-radius: 17px 17px 12px 12px;
    background:
      linear-gradient(90deg, rgba(255,255,255,.45), transparent 25%, transparent 72%, rgba(255,255,255,.35)),
      linear-gradient(#e7eeea 0 5%, #176a4b 5% 94%, #dce5e0 94%);
    box-shadow: 0 18px 30px rgba(0,0,0,.24);
  }

  .zx-mojito-v2 .mj-gates {
    display: grid;
    margin-top: 44px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }

  .zx-mojito-v2 .mj-gate {
    min-height: 260px;
    padding: 28px;
    border: 1px solid var(--mj-line);
    border-radius: 8px;
    background: var(--mj-white);
  }
  .zx-mojito-v2 .mj-gate b { display: block; margin-bottom: 45px; color: var(--mj-lime-deep); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-gate p { color: var(--mj-muted); font-size: .82rem; }

  .zx-mojito-v2 .mj-driver-grid {
    display: grid;
    margin-top: 42px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(255,255,255,.18);
  }

  .zx-mojito-v2 .mj-driver {
    padding: 30px 26px;
    border-bottom: 1px solid rgba(255,255,255,.18);
  }
  .zx-mojito-v2 .mj-driver:nth-child(3n+2),
  .zx-mojito-v2 .mj-driver:nth-child(3n+3) { border-left: 1px solid rgba(255,255,255,.18); }
  .zx-mojito-v2 .mj-driver b { color: var(--mj-lime); font-size: .71rem; letter-spacing: .08em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-driver p { margin: 13px 0 0; color: rgba(255,255,255,.7); font-size: .84rem; }

  .zx-mojito-v2 .mj-table-wrap { overflow-x: auto; border: 1px solid var(--mj-line); border-radius: 8px; background: var(--mj-white); }
  .zx-mojito-v2 .mj-table { width: 100%; min-width: 820px; border-collapse: collapse; }
  .zx-mojito-v2 .mj-table caption { padding: 18px 20px; color: var(--mj-muted); text-align: left; font-size: .78rem; }
  .zx-mojito-v2 .mj-table th,
  .zx-mojito-v2 .mj-table td { padding: 20px; border-top: 1px solid var(--mj-line); border-right: 1px solid var(--mj-line); text-align: left; vertical-align: top; }
  .zx-mojito-v2 .mj-table th:last-child,
  .zx-mojito-v2 .mj-table td:last-child { border-right: 0; }
  .zx-mojito-v2 .mj-table th { color: var(--mj-green); font-size: .71rem; letter-spacing: .06em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-table td { color: var(--mj-muted); font-size: .82rem; }

  .zx-mojito-v2 .mj-dependency {
    display: grid;
    margin-top: 44px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid var(--mj-line);
    background: var(--mj-white);
  }

  .zx-mojito-v2 .mj-dependency div {
    position: relative;
    min-height: 210px;
    padding: 24px 20px;
  }
  .zx-mojito-v2 .mj-dependency div + div { border-left: 1px solid var(--mj-line); }
  .zx-mojito-v2 .mj-dependency div:not(:last-child)::after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -12px;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border: 1px solid var(--mj-line);
    border-radius: 50%;
    background: var(--mj-white);
    color: var(--mj-green);
    content: "→";
    transform: translateY(-50%);
  }
  .zx-mojito-v2 .mj-dependency b { display: block; margin-bottom: 36px; color: var(--mj-green); font-size: .7rem; text-transform: uppercase; }
  .zx-mojito-v2 .mj-dependency p { margin: 0; color: var(--mj-muted); font-size: .78rem; }

  .zx-mojito-v2 .mj-note {
    margin-top: 24px;
    padding: 21px 24px;
    border-left: 4px solid var(--mj-lime-deep);
    background: #f4f8e8;
    color: #4f5d45;
    font-size: .84rem;
  }

  .zx-mojito-v2 .mj-media {
    position: relative;
    overflow: hidden;
    margin: 42px 0 0;
    border: 1px solid var(--mj-line);
    border-radius: 9px;
    background: var(--mj-white);
    box-shadow: var(--mj-shadow);
  }

  .zx-mojito-v2 .mj-media--span { grid-column: 1 / -1; }
  .zx-mojito-v2 .mj-media img {
    width: 100%;
    aspect-ratio: 8 / 5;
    object-fit: cover;
  }
  .zx-mojito-v2 .mj-media--wide img { aspect-ratio: 16 / 9; }
  .zx-mojito-v2 .mj-media figcaption {
    padding: 14px 17px;
    color: var(--mj-muted);
    font-size: .74rem;
    line-height: 1.55;
  }
  .zx-mojito-v2 .mj-media--dark {
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
    box-shadow: 0 24px 54px rgba(0,0,0,.24);
  }
  .zx-mojito-v2 .mj-media--dark figcaption { color: rgba(255,255,255,.7); }
  .zx-mojito-v2 .mj-media-tag {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 14px;
    max-width: calc(100% - 28px);
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 999px;
    background: rgba(6,30,24,.9);
    color: var(--mj-white);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .07em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  .zx-mojito-v2 .mj-proof-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
    gap: 58px;
    align-items: center;
  }
  .zx-mojito-v2 .mj-proof { overflow: hidden; border-radius: 8px; background: var(--mj-forest); }
  .zx-mojito-v2 .mj-proof img { width: 100%; aspect-ratio: 8 / 5; object-fit: cover; }
  .zx-mojito-v2 .mj-proof figcaption { padding: 14px 16px; color: rgba(255,255,255,.7); font-size: .72rem; }

  .zx-mojito-v2 .mj-faq { border-top: 1px solid var(--mj-line); }
  .zx-mojito-v2 details { border-bottom: 1px solid var(--mj-line); }
  .zx-mojito-v2 summary { cursor: pointer; padding: 24px 0; color: var(--mj-forest); font-family: var(--mj-display); font-size: 1.33rem; }
  .zx-mojito-v2 summary::marker { color: var(--mj-lime-deep); }
  .zx-mojito-v2 details p { max-width: 880px; margin: 0; padding: 0 0 24px; color: var(--mj-muted); }

  .zx-mojito-v2 .mj-cta {
    position: relative;
    overflow: hidden;
    color: var(--mj-white);
    background:
      radial-gradient(circle at 82% 45%, rgba(183,216,61,.16), transparent 23%),
      linear-gradient(115deg, #041a14 0%, #082f25 70%, #176a4b 100%);
  }
  .zx-mojito-v2 .mj-cta::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgba(4,26,20,.98) 0%, rgba(4,26,20,.93) 40%, rgba(4,26,20,.62) 62%, rgba(4,26,20,.18) 100%);
    content: "";
    pointer-events: none;
  }
  .zx-mojito-v2 .mj-cta__image {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .zx-mojito-v2 .mj-cta .mj-lede { color: rgba(255,255,255,.75); }
  .zx-mojito-v2 .mj-cta__inner {
    position: relative;
    z-index: 2;
    display: grid;
    min-height: 680px;
    grid-template-columns: minmax(0, 670px);
    gap: 60px;
    align-items: center;
  }
  .zx-mojito-v2 .mj-cta__copy { padding: 84px 0; }
  .zx-mojito-v2 .mj-cta__flag {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 999px;
    background: rgba(6,30,24,.74);
    color: var(--mj-lime);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  .zx-mojito-v2 .mj-brief-list {
    display: grid;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
  }
  .zx-mojito-v2 .mj-brief-list li {
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 6px;
    color: rgba(255,255,255,.78);
    font-size: .81rem;
  }
  .zx-mojito-v2 .mj-brief-board {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 8px;
    background: rgba(255,255,255,.07);
    box-shadow: 0 30px 60px rgba(0,0,0,.22);
  }
  .zx-mojito-v2 .mj-brief-board__head { padding: 24px; border-bottom: 1px solid rgba(255,255,255,.17); }
  .zx-mojito-v2 .mj-brief-board__head b { color: var(--mj-lime); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
  .zx-mojito-v2 .mj-brief-board__row {
    display: grid;
    grid-template-columns: 165px 1fr;
    padding: 16px 22px;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
  .zx-mojito-v2 .mj-brief-board__row span:first-child { color: rgba(255,255,255,.58); font-size: .76rem; text-transform: uppercase; }
  .zx-mojito-v2 .mj-brief-board__row span:last-child { color: rgba(255,255,255,.9); font-size: .82rem; }
  .zx-mojito-v2 .mj-copy-status { min-height: 24px; margin: 14px 0 0; color: var(--mj-lime); font-size: .78rem; }
  .zx-mojito-v2 .mj-fine { margin: 20px 0 0; color: rgba(255,255,255,.56); font-size: .72rem; }

  @media (max-width: 1060px) {
    .zx-mojito-v2 .mj-hero__inner,
    .zx-mojito-v2 .mj-split,
    .zx-mojito-v2 .mj-proof-grid,
    .zx-mojito-v2 .mj-cta__inner { grid-template-columns: 1fr; }
    .zx-mojito-v2 .mj-hero__copy { padding-bottom: 88px; }
    .zx-mojito-v2 .mj-fit-panel { position: static; }
    .zx-mojito-v2 .mj-sample-track,
    .zx-mojito-v2 .mj-gates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zx-mojito-v2 .mj-risk-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zx-mojito-v2 .mj-risk + .mj-risk { border-left: 0; border-top: 1px solid var(--mj-line); }
    .zx-mojito-v2 .mj-risk:nth-child(even) { border-left: 1px solid var(--mj-line); }
    .zx-mojito-v2 .mj-dependency { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zx-mojito-v2 .mj-dependency div:nth-child(4) { border-left: 0; border-top: 1px solid var(--mj-line); }
    .zx-mojito-v2 .mj-dependency div:nth-child(5),
    .zx-mojito-v2 .mj-dependency div:nth-child(6) { border-top: 1px solid var(--mj-line); }
  }

  @media (max-width: 760px) {
    .zx-mojito-v2 { font-size: 15px; }
    .zx-mojito-v2 .mj-wrap { width: min(calc(100% - 28px), var(--mj-container)); }
    .zx-mojito-v2 .mj-section { padding: 76px 0; }
    .zx-mojito-v2 h2 { font-size: clamp(2.35rem, 12vw, 4rem); }
    .zx-mojito-v2 .mj-hero { min-height: 680px; }
    .zx-mojito-v2 .mj-hero::before { background: linear-gradient(180deg, rgba(4,26,20,.97) 0%, rgba(4,26,20,.91) 60%, rgba(4,26,20,.66) 100%); }
    .zx-mojito-v2 .mj-hero__image { object-position: 67% center; opacity: .72; }
    .zx-mojito-v2 .mj-hero__inner { min-height: 680px; grid-template-columns: 1fr; }
    .zx-mojito-v2 .mj-hero__copy { padding: 58px 0 70px; }
    .zx-mojito-v2 .mj-hero h2 { font-size: clamp(3rem, 14vw, 4.75rem); }
    .zx-mojito-v2 .mj-can { right: 38px; width: 130px; height: 390px; }
    .zx-mojito-v2 .mj-can--back { right: 175px; height: 350px; }
    .zx-mojito-v2 .mj-can__brand b { font-size: 1.7rem; }
    .zx-mojito-v2 .mj-lime-disc { right: 2px; bottom: 48px; width: 100px; height: 100px; }
    .zx-mojito-v2 .mj-mint-leaf { right: 230px; width: 68px; height: 115px; }
    .zx-mojito-v2 .mj-hero-note { right: 0; bottom: 12px; max-width: 100%; border-radius: 9px; }
    .zx-mojito-v2 .mj-decision { width: calc(100% - 28px); grid-template-columns: 1fr; margin-top: -12px; }
    .zx-mojito-v2 .mj-decision div { min-height: auto; padding: 20px; }
    .zx-mojito-v2 .mj-decision div + div { border-left: 0; border-top: 1px solid var(--mj-line); }
    .zx-mojito-v2 .mj-profile-grid,
    .zx-mojito-v2 .mj-sample-track,
    .zx-mojito-v2 .mj-risk-map,
    .zx-mojito-v2 .mj-gates,
    .zx-mojito-v2 .mj-driver-grid,
    .zx-mojito-v2 .mj-brief-list { grid-template-columns: 1fr; }
    .zx-mojito-v2 .mj-route-grid,
    .zx-mojito-v2 .mj-can-system,
    .zx-mojito-v2 .mj-dependency { grid-template-columns: 1fr; }
    .zx-mojito-v2 .mj-route + .mj-route,
    .zx-mojito-v2 .mj-can-system > div + div,
    .zx-mojito-v2 .mj-dependency div + div,
    .zx-mojito-v2 .mj-dependency div:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
    .zx-mojito-v2 .mj-dependency div + div,
    .zx-mojito-v2 .mj-dependency div:nth-child(4) { border-top-color: var(--mj-line); }
    .zx-mojito-v2 .mj-dependency div:not(:last-child)::after { display: none; }
    .zx-mojito-v2 .mj-risk:nth-child(even) { border-left: 0; }
    .zx-mojito-v2 .mj-driver:nth-child(n) { border-left: 0; }
    .zx-mojito-v2 .mj-ledger__row { grid-template-columns: 1fr; }
    .zx-mojito-v2 .mj-ledger__row > * + * { border-left: 0; border-top: 1px solid var(--mj-line); }
    .zx-mojito-v2 .mj-btns { align-items: stretch; }
    .zx-mojito-v2 .mj-btn { width: 100%; }
    .zx-mojito-v2 .mj-media { margin-top: 30px; border-radius: 7px; }
    .zx-mojito-v2 .mj-media-tag { position: static; display: block; max-width: none; border: 0; border-radius: 0; }
    .zx-mojito-v2 .mj-cta::after { background: rgba(4,26,20,.9); }
    .zx-mojito-v2 .mj-cta__image { object-position: 66% center; opacity: .55; }
    .zx-mojito-v2 .mj-cta__inner { min-height: auto; padding: 0; grid-template-columns: 1fr; }
    .zx-mojito-v2 .mj-cta__copy { padding: 78px 0; }
  }

  @media (prefers-reduced-motion: reduce) {
    .zx-mojito-v2 .mj-btn { transition: none; }
  }
