:root {
    /* Palette — Monika v2 */
    --bg: #101621;
    --bg-2: #161F2E;
    --bg-3: #1B2638;
    --line: rgba(111, 200, 240, 0.16);
    --line-2: rgba(111, 200, 240, 0.24);
    --ink: #ffffff;
    --ink-2: #E3E5EF;       /* light text */
    --ink-3: #737DAE;       /* muted text */
    --accent: #5A6CCF;      /* purple-blue — primary accent (BUILT FOR, THE SUITE, MN SOLVES) */
    --accent-2: #6FC8F0;    /* light blue — section eyebrows */
    --accent-soft: rgba(90, 108, 207, 0.18);
    --section-divider: rgba(255, 255, 255, 0.08); /* subtle separator between sections */
    --eyebrow-spacing: 0.28em;
    --max: 1140px;
    --pad: clamp(20px, 4vw, 40px);
  }

  * { box-sizing: border-box; }
  html, body { margin: 0; max-width: 100%; overflow-x: hidden; padding: 0; }
  html { scroll-behavior: smooth; background: var(--bg); }
  body {
    background: var(--bg);
    color: var(--ink);
    font-family: "Glacial Indifference", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  a { color: inherit; }
  img { max-width: 100%; display: block; }
  button { font-family: inherit; }

  /* Layout primitives */
  .wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
  .section { padding: clamp(72px, 10vw, 120px) 0; position: relative; }
  #coverage {
    padding-top: clamp(8px, 1.4vw, 18px);
    padding-bottom: clamp(46px, 6vw, 78px);
  }
  .section--alt { background: var(--bg); }
  .section + .section,
  .section + .footer,
  .hero + .section { border-top: 0; }

  /* ---- Navbar ---- */
  .nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: transparent;
    border-bottom: 0;
  }
  .nav .wrap {
    max-width: none;
    padding: 14px 20px;
  }
  .nav__brand { color: #E3E5EF !important; }
  .nav__inner {
    display: flex; align-items: center; justify-content: space-between;
    height: auto;
    gap: 24px;
  }
  .nav__links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(14px, 2.4vw, 28px);
  }
  .nav__link {
    position: relative;
    color: #AEB9D6;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 8px 0;
    transition: color 0.18s ease, text-shadow 0.18s ease, transform 0.18s ease;
  }
  .nav__link:hover,
  .nav__link:focus-visible {
    color: #fff;
    text-shadow: 0 0 18px rgba(111, 200, 240, 0.42);
    transform: translateY(-1px);
    outline: none;
  }
  .nav__link:active {
    color: var(--accent-2);
    transform: translateY(1px);
  }
  .nav__brand {
    display: flex; align-items: center; gap: 9px;
    text-decoration: none; color: var(--ink);
    min-height: 38px;
  }
  .nav__logo {
    width: 34px; height: 34px;
    object-fit: contain;
    display: block;
    flex: 0 0 auto;
  }
  .nav__brand-text {
    font-weight: 700;
    letter-spacing: 0.02em;
    font-size: 13px;
  }
  .nav__brand-text small {
    display: none;
    font-weight: 400;
    color: var(--ink-3);
    letter-spacing: 0.18em;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 3px;
  }
  /* ---- Hero ---- */
  .hero {
    padding: clamp(110px, 16vw, 180px) 0 clamp(40px, 5vw, 64px);
    text-align: center;
    position: relative;
    background: transparent;
  }
  .hero::before { display: none; }
  .hero__bg-logo {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    width: min(79vw, 860px);
    height: auto;
    opacity: 0.24;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    z-index: 0;
  }
  .hero .wrap {
    position: relative;
    z-index: 2;
  }
  .hero__title {
    font-weight: 700;
    font-size: clamp(38px, 6.3vw, 80px);
    line-height: 1.02;
    letter-spacing: -0.01em;
    margin: 0 0 28px;
    position: relative;
    z-index: 1;
    color: #E3E5EF;
  }
  .hero__sub {
    font-size: clamp(15px, 1.18vw, 19px);
    color: #B8C0E0;
    max-width: 980px;
    margin: 0 auto 0;
    line-height: 1.65;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 1;
    transform: translateY(-22px);
  }
  .hero__break--mobile {
    display: none;
  }
  @media (max-width: 900px) {
    .hero__sub {
      max-width: 820px;
    }
    .who__line {
      white-space: normal;
    }
  }
  @media (max-width: 600px) {
    .nav .wrap {
      padding: 12px 16px;
    }
    .nav__logo {
      width: 30px;
      height: 30px;
    }
    .nav__brand-text {
      display: none;
    }
    .nav__links {
      gap: 7px;
    }
    .nav__link {
      font-size: 9px;
      letter-spacing: 0.05em;
    }
    .hero__bg-logo {
      width: min(118vw, 520px);
    }
    .hero__sub {
      font-size: 12.5px;
      letter-spacing: 0.11em;
      line-height: 1.7;
    }
    .hero__break--desktop {
      display: none;
    }
    .hero__break--mobile {
      display: inline;
    }
  }

  /* ---- Methodology download ---- */
  .btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 16px 32px;
    border-radius: 4px;
    border: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
  }
  .btn--primary {
    background: var(--accent);
    color: #fff;
  }
  .btn--primary:hover { background: #6c7fee; transform: translateY(-1px); }
  .btn--ghost {
    background: transparent;
    border: 1px solid var(--line-2);
    color: var(--ink);
  }
  .btn--ghost:hover { border-color: var(--accent); background: var(--accent-soft); }
  /* ---- Contact ---- */
  .contact__head { text-align: left; margin: 0 auto 48px; max-width: 960px; }
  .form {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    gap: 22px;
  }
  .form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .field { display: flex; flex-direction: column; gap: 10px; }
  .field label {
    color: rgba(227, 229, 239, 0.62);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: color 0.2s ease;
  }
  .field input, .field textarea {
    appearance: none;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(184, 192, 224, 0.14);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
    caret-color: #d9d1c4;
    color: var(--ink);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    padding: 16px 17px;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .field input:hover, .field textarea:hover {
    border-color: rgba(184, 192, 224, 0.24);
  }
  .field input:focus, .field textarea:focus {
    background: rgba(255, 255, 255, 0.028);
    border-color: rgba(201, 190, 173, 0.5);
    box-shadow: 0 0 0 3px rgba(201, 190, 173, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.025);
  }
  .field:focus-within label { color: rgba(235, 230, 220, 0.88); }
  .field input::placeholder, .field textarea::placeholder { color: rgba(184, 192, 224, 0.38); }
  .field input::selection, .field textarea::selection { background: rgba(201, 190, 173, 0.22); }
  .field input:-webkit-autofill,
  .field input:-webkit-autofill:hover,
  .field input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ink);
    caret-color: #d9d1c4;
    box-shadow: 0 0 0 1000px #111823 inset, 0 0 0 3px rgba(201, 190, 173, 0.06);
    transition: background-color 9999s ease-out;
  }
  .field textarea { resize: vertical; min-height: 150px; }
  .check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    padding: 4px 0;
  }
  .check input {
    appearance: none;
    -webkit-appearance: none;
    width: 18px; height: 18px;
    border: 1px solid var(--line-2);
    border-radius: 3px;
    background: var(--bg-2);
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 2px;
    position: relative;
    transition: all 0.2s;
  }
  .check input:checked {
    background: #b9bdd0;
    border-color: #b9bdd0;
  }
  .check input:checked::after {
    content: "";
    position: absolute;
    left: 5px; top: 1px;
    width: 5px; height: 10px;
    border: solid #101621;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .form__submit { display: flex; justify-content: flex-end; }
  @media (max-width: 700px) {
    .form__row { grid-template-columns: 1fr; gap: 22px; }
    .field input, .field textarea { font-size: 16px; }
    .form__submit .btn { justify-content: center; width: 100%; }
  }

  /* ---- Footer ---- */
  .footer {
    border-top: 1px solid var(--line);
    padding: 32px 0;
    color: var(--ink-3);
    font-size: 13px;
    position: relative;
  }
  .footer__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    text-align: center;
  }
  /* ---- Privacy Policy ---- */
  .privacy-doc {
    max-width: 920px;
    margin: 0 auto;
  }
  .privacy-doc__eyebrow {
    font-size: 10.5px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(111, 200, 240, 0.68);
    font-weight: 700;
    margin: 0 0 6px;
  }
  .privacy-doc h2 {
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    color: var(--ink);
    margin: 0 0 40px;
    line-height: 1.15;
  }
  .privacy-doc h3 {
    font-size: clamp(15px, 1.5vw, 18px);
    font-weight: 700;
    color: var(--accent-2);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 40px 0 14px;
  }
  .privacy-doc h3:first-of-type { margin-top: 0; }
  .privacy-doc p,
  .privacy-doc li {
    font-size: clamp(15px, 1.4vw, 17px);
    color: var(--ink-2);
    line-height: 1.76;
    margin: 0 0 18px;
  }
  .legal-doc__body p strong {
    display: block;
    color: var(--accent-2);
    font-size: 0.78em;
    line-height: 1.35;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    margin: 0 0 6px;
  }
  .privacy-doc ul {
    padding-left: 20px;
    margin: 0 0 16px;
  }
  .privacy-doc li { margin: 0 0 8px; }
  .privacy-doc a { color: var(--accent-2); text-decoration: none; }
  .privacy-doc a:hover { text-decoration: underline; }
  .privacy-doc__updated {
    font-size: 11px;
    color: rgba(184, 192, 224, 0.58);
    margin: 0 0 22px;
    letter-spacing: 0.04em;
  }
  .privacy-doc hr {
    border: none;
    border-top: 1px solid var(--line);
    margin: 48px 0;
  }
  /* Collapsible legal sections (Privacy / Terms) */
  .legal-doc { display: block; }
  .legal-doc > summary { list-style: none; }
  .legal-doc > summary::-webkit-details-marker { display: none; }
  .legal-doc__summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 8px 0;
    border-radius: 6px;
    transition: background 0.18s;
  }
  .legal-doc__summary:hover { background: rgba(90,108,207,0.035); }
  .legal-doc__summary:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
  }
  .legal-doc__heading { flex: 1; min-width: 0; }
  .legal-doc__heading h2 { margin: 0; font-size: 12px; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(184, 192, 224, 0.78); }
  .legal-doc__toggle {
    flex: 0 0 auto;
    order: -1;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid rgba(111, 200, 240, 0.42);
    color: rgba(111, 200, 240, 0.72);
    position: relative;
    transition: background 0.18s, transform 0.2s;
  }
  .legal-doc__toggle::before,
  .legal-doc__toggle::after {
    content: "";
    position: absolute;
    background: currentColor;
    top: 50%;
    left: 50%;
    transition: transform 0.2s;
  }
  .legal-doc__toggle::before {
    width: 8px;
    height: 1.5px;
    transform: translate(-50%, -50%);
  }
  .legal-doc__toggle::after {
    width: 1.5px;
    height: 8px;
    transform: translate(-50%, -50%);
  }
  .legal-doc[open] .legal-doc__toggle::after {
    transform: translate(-50%, -50%) scaleY(0);
  }
  .legal-doc[open] .legal-doc__toggle {
    background: rgba(111,200,240,0.08);
  }
  .legal-doc__summary:hover .legal-doc__toggle {
    background: rgba(111,200,240,0.08);
  }
  .legal-doc__body {
    margin-top: 8px;
    padding: clamp(18px, 2.4vw, 24px) clamp(18px, 2.6vw, 26px);
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 2px solid rgba(111, 200, 240, 0.36);
    border-radius: 6px;
  }
  .privacy-doc .privacy-doc__intro {
    color: var(--ink);
    font-size: clamp(16px, 1.45vw, 18px);
    margin-bottom: 24px;
  }
  .legal-doc__body > p:last-child {
    margin-bottom: 0;
  }
  .privacy-doc__back-top {
    margin-top: 26px !important;
    font-size: 14px !important;
    letter-spacing: 0.02em;
  }
  #privacy.section, #tos.section {
    padding-top: 18px;
    padding-bottom: 10px;
  }
  #privacy.section {
    padding-top: 34px;
  }
  @media (max-width: 520px) {
    .legal-doc__summary {
      align-items: flex-start;
      gap: 14px;
    }
    .legal-doc__toggle {
      width: 22px;
      height: 22px;
      margin-top: 2px;
    }
    .legal-doc__body {
      padding: 20px 18px;
    }
  }

  /* ---- Lightbox ---- */
  #lightbox {
    position: fixed;
    inset: 80px 0 0;
    z-index: 40;
    background: rgba(5, 8, 18, 0.62);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s;
  }
  #lightbox.is-open {
    opacity: 1;
    visibility: visible;
  }
  #lightbox__img {
    max-width: 90vw;
    max-height: calc(100vh - 116px);
    object-fit: contain;
    border-radius: 6px;
    display: block;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
    transform: scale(0.95);
    transition: transform 0.25s;
  }
  #lightbox.is-open #lightbox__img {
    transform: scale(1);
  }
  #lightbox__img.is-hidden { display: none; }
  #lightbox__img.is-cropped {
    width: min(90vw, 1480px);
    height: min(calc(100vh - 116px), calc(min(90vw, 1480px) / var(--lightbox-crop-ratio, 2.4)));
    object-fit: cover;
  }
  #lightbox__video {
    width: min(90vw, 1280px);
    max-height: calc(100vh - 126px);
    height: auto;
    aspect-ratio: 16 / 10;
    border-radius: 6px;
    display: none;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
    transform: scale(0.95);
    transition: transform 0.25s;
    background: #000;
    object-fit: contain;
  }
  #lightbox__video.is-visible { display: block; }
  #lightbox.is-open #lightbox__video.is-visible { transform: scale(1); }
  #lightbox__close {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    font-family: inherit;
  }
  #lightbox__close:hover,
  #lightbox__close:focus-visible {
    background: rgba(90, 108, 207, 0.6);
    border-color: var(--accent);
    outline: none;
  }
  #lightbox__prev,
  #lightbox__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    font-family: inherit;
  }
  #lightbox__prev { left: 20px; }
  #lightbox__next { right: 20px; }
  #lightbox__prev:hover,
  #lightbox__prev:focus-visible,
  #lightbox__next:hover,
  #lightbox__next:focus-visible {
    background: rgba(90, 108, 207, 0.6);
    border-color: var(--accent);
    outline: none;
  }
  #lightbox__hint {
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }
  #lightbox__hint.is-visible {
    opacity: 1;
    visibility: visible;
  }
  .lightbox__hint-icon {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    animation: lightboxHintSwipe 1.2s ease-in-out infinite;
  }
  @keyframes lightboxHintSwipe {
    0%, 100% { transform: translateX(-6px); }
    50%      { transform: translateX(6px); }
  }
  @media (prefers-reduced-motion: reduce) {
    .lightbox__hint-icon { animation: none; }
    #lightbox__hint { transition: opacity 0.2s, visibility 0.2s; }
  }

  /* ---- Restructured homepage ---- */
  .nav {
    position: sticky;
    top: 0;
    background: rgba(8, 13, 28, 0.76);
    border-bottom: 1px solid rgba(150, 175, 255, 0.10);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
  .nav .wrap {
    width: 100%;
    max-width: none;
    padding: 14px clamp(22px, 2.6vw, 42px);
  }
  .nav__inner {
    min-height: 58px;
  }
  .nav__brand {
    gap: 12px;
  }
  .nav__logo {
    width: 42px;
    height: 42px;
    transform: scale(1.14);
    transform-origin: center;
  }
  .nav__brand-text {
    font-size: 15px;
  }
  .hero {
    padding: clamp(42px, 5.8vw, 76px) 0 clamp(36px, 4.8vw, 64px);
    text-align: left;
  }
  .hero__bg-logo {
    display: none;
  }
  .frame {
    border: 1px solid rgba(150, 175, 255, 0.14);
    border-radius: 8px;
    margin: 0;
    overflow: hidden;
    background: #05070c;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.32);
  }
  .frame img {
    width: 100%;
    height: auto;
  }
  .hero-data-frame {
    /* fill the visual wrapper (absolute positioning below) */
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: default;
    transform-origin: center;
    transition: none;
    will-change: auto;
  }
  .hero-data-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
  }
  .hero-visual-wrap {
    position: relative;
    width: min(106%, 920px);
    margin: 28px 0 0 -2%;
    /* Use the image's natural aspect ratio when available to avoid side-cropping */
    aspect-ratio: var(--hero-preview-ratio, 1335 / 841);
  }
  .hero-visual-wrap .hero-data-frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  /* Hero is intentionally static and non-interactive; no hover/zoom effects. */
  .hero-cta {
    margin-top: clamp(16px, 2.6vw, 30px);
    text-align: center;
  }
  .hero-cta p {
    color: var(--ink-2);
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.55;
    margin: 0 0 28px;
  }
  .hero {
    background: var(--bg);
    padding: clamp(46px, 5.8vw, 76px) 0 clamp(46px, 6.2vw, 82px);
    text-align: center;
  }
  .hero .wrap {
    max-width: 1160px;
  }
  .hero__title {
    color: var(--ink);
    font-size: clamp(34px, 4.35vw, 56px);
    letter-spacing: 0;
    line-height: 1.04;
    margin: 0 auto 32px;
    max-width: 980px;
    text-wrap: balance;
  }
  .hero__sub {
    color: #B8C0E0;
    font-size: clamp(17px, 1.35vw, 20px);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.55;
    margin: 0 auto;
    max-width: 820px;
    text-transform: none;
    transform: none;
  }
  .hero-visual-wrap {
    aspect-ratio: var(--hero-preview-ratio, 1837 / 1006);
    margin: clamp(26px, 3.8vw, 42px) auto 0;
    max-width: 960px;
    position: relative;
    width: 100%;
  }
  .hero-visual-wrap .hero-data-frame {
    height: 100%;
    margin: 0;
    width: 100%;
  }
  .hero-data-frame img {
    object-fit: contain;
    object-position: center;
  }
  .hero-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: clamp(22px, 3vw, 34px);
  }

  /* EXPERIMENT: split hero with backsplash as right-side visual.
     Roll back by removing this block, hero--split-experiment, and hero-title-line spans. */
  .hero--split-experiment {
    min-height: clamp(620px, 74vh, 780px);
    overflow: visible;
    padding: clamp(118px, 15vh, 160px) 0 clamp(58px, 8vh, 86px);
    text-align: left;
  }
  .hero--split-experiment .wrap {
    align-items: center;
    display: grid;
    column-gap: clamp(30px, 4vw, 58px);
    grid-template-columns: minmax(560px, 0.78fr) minmax(0, 1.22fr);
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(56px, 4.8vw, 90px);
    padding-right: clamp(56px, 4.8vw, 90px);
  }
  .hero--split-experiment .hero-copy {
    grid-column: 1;
    max-width: 660px;
    position: relative;
    z-index: 2;
  }
  .hero--split-experiment .hero__title {
    font-size: clamp(39px, 4.55vw, 60px);
    line-height: 1.12;
    margin: 0;
    max-width: 600px;
    text-align: left;
    z-index: 2;
  }
  .hero--split-experiment .hero-title-line {
    display: block;
  }
  .hero--split-experiment .hero-title-line--accent {
    color: #8fd8f6;
    text-shadow: 0 0 26px rgba(111, 200, 240, 0.18);
  }
  .hero--split-experiment .hero__sub {
    color: rgba(227, 229, 239, 0.86);
    font-size: clamp(18px, 1.5vw, 22px);
    line-height: 1.55;
    margin: clamp(14px, 1.8vw, 22px) 0 0;
    max-width: 520px;
    text-align: left;
    z-index: 2;
  }
  .hero-access {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-top: clamp(20px, 2.4vw, 28px);
    width: fit-content;
  }
  .hero-access .btn {
    box-shadow: 0 14px 34px -18px rgba(90, 108, 207, 0.9);
  }
  .hero-access__note {
    color: rgba(227, 229, 239, 0.62);
    font-family: inherit;
    font-size: clamp(13px, 0.92vw, 14px);
    font-style: normal;
    letter-spacing: 0.035em;
    line-height: 1.5;
    margin: 11px 0 0;
    text-align: center;
    width: 100%;
  }
  .hero--split-experiment .hero-actions {
    justify-content: flex-start;
    margin-top: clamp(18px, 2.3vw, 26px);
    max-width: 520px;
    z-index: 2;
  }
  .hero--split-experiment .hero-actions .btn--ghost {
    border-color: rgba(111, 200, 240, 0.26);
    min-height: 0;
    opacity: 0.86;
    padding: 12px 24px;
  }
  .method-actions .btn--primary + .btn--ghost {
    border-color: rgba(111, 200, 240, 0.26);
    min-height: 0;
    opacity: 0.86;
    padding: 12px 24px;
  }
  .hero--split-experiment .hero-visual-wrap {
    align-self: center;
    aspect-ratio: var(--hero-preview-ratio, 1837 / 1006);
    grid-column: 2;
    justify-self: end;
    margin: 0;
    max-width: none;
    position: relative;
    transform: translateX(0);
    width: clamp(760px, 62vw, 1220px);
    z-index: 1;
  }
  .hero--split-experiment .hero-visual-wrap::before {
    content: none;
  }
  .hero--split-experiment .hero-data-frame {
    background: #05070c;
    border: 1px solid rgba(150, 175, 255, 0.14);
    border-radius: 8px;
    box-shadow: 0 30px 92px rgba(0, 0, 0, 0.34);
    overflow: hidden;
    transform: translateY(0) scale(1);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
    will-change: transform;
  }
  .hero--split-experiment .hero-visual-wrap:hover .hero-data-frame {
    border-color: rgba(184, 192, 224, 0.25);
    box-shadow: 0 36px 112px rgba(0, 0, 0, 0.44);
    transform: translateY(-2px) scale(1.018);
  }
  .hero--split-experiment .hero-data-frame img {
    cursor: zoom-in;
    object-fit: contain;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .hero-data-frame img:focus-visible {
    outline: 2px solid rgba(111, 200, 240, 0.86);
    outline-offset: -4px;
  }
  @media (min-width: 1500px) {
    .hero--split-experiment .wrap {
      grid-template-columns: minmax(660px, 0.82fr) minmax(0, 1.18fr);
    }
    .hero--split-experiment .hero__sub {
      margin-top: 14px;
      max-width: 640px;
    }
    .hero--split-experiment .hero-actions {
      margin-top: 18px;
      max-width: 660px;
    }
    .hero--split-experiment .hero-visual-wrap {
      transform: translateX(10px);
      width: clamp(900px, 62vw, 1220px);
    }
  }

  .section-label {
    color: var(--accent-2);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1.4;
    margin: 0 0 14px;
    text-transform: uppercase;
  }
  body > section { background: transparent; }
  .coverage-experiment {
    overflow: hidden;
  }
  .coverage-experiment .wrap {
    max-width: 1360px;
  }
  .coverage-experiment .sec-head {
    margin: 0 auto clamp(12px, 2vw, 24px);
    max-width: calc(var(--max) - (2 * var(--pad)));
  }
  .coverage-experiment .sec-head h2 {
    font-size: clamp(25px, 2.85vw, 36px);
    line-height: 1.14;
  }
  .coverage-matrix {
    margin: 6px auto 0;
    max-width: 1120px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
  }
  .coverage-matrix > summary {
    list-style: none;
  }
  .coverage-matrix > summary::-webkit-details-marker {
    display: none;
  }
  .coverage-matrix__summary {
    align-items: center;
    border: 0;
    border-radius: 4px;
    color: var(--ink);
    cursor: pointer;
    display: inline-flex;
    gap: 12px;
    justify-content: center;
    margin: 0 auto;
    min-height: 0;
    padding: 8px 0;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }
  .coverage-matrix__summary:hover,
  .coverage-matrix__summary:focus-visible {
    background: transparent;
    color: var(--accent-2);
    outline: none;
  }
  .coverage-matrix__summary-text {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.25;
    text-transform: uppercase;
  }
  .coverage-matrix__toggle {
    flex: 0 0 16px;
    height: 16px;
    position: relative;
    width: 16px;
  }
  .coverage-matrix__toggle::before,
  .coverage-matrix__toggle::after {
    background: currentColor;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .coverage-matrix__toggle::before { height: 2px; width: 14px; }
  .coverage-matrix__toggle::after { height: 14px; width: 2px; }
  .coverage-matrix[open] .coverage-matrix__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .coverage-matrix[open] .coverage-matrix__summary {
    margin-bottom: 18px;
  }
  .coverage-matrix__full-link {
    color: var(--accent-2);
    display: inline-block;
    font-size: 12px;
    margin: 18px 0;
    text-decoration: none;
  }
  .coverage-matrix__full-link:hover,
  .coverage-matrix__full-link:focus-visible {
    color: var(--ink);
    outline: none;
  }
  .coverage-access-action {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    margin: clamp(38px, 5vw, 62px) auto 0;
    max-width: 760px;
    padding-top: clamp(24px, 3vw, 34px);
    position: relative;
    z-index: 80;
  }
  .coverage-access-action::before {
    background: linear-gradient(90deg, transparent, rgba(111, 200, 240, 0.24), transparent);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: min(420px, 72vw);
  }
  .coverage-access-note {
    color: rgba(227, 229, 239, 0.72);
    font-size: clamp(14px, 1.08vw, 16px);
    line-height: 1.65;
    margin: 0;
    max-width: 680px;
    text-align: center;
  }
  .coverage-matrix__frame-wrap {
    background: #09090b;
    border: 1px solid rgba(184, 192, 224, 0.14);
    border-radius: 6px;
    height: min(68vh, 720px);
    margin: 0 auto;
    min-height: 520px;
    overflow: hidden;
    resize: vertical;
    scrollbar-color: rgba(84, 90, 108, 0.56) #08090d;
    scrollbar-width: thin;
    width: 100%;
  }
  .coverage-matrix__frame-wrap::-webkit-scrollbar {
    background: #08090d;
    height: 12px;
    width: 12px;
  }
  .coverage-matrix__frame-wrap::-webkit-scrollbar-track {
    background: #08090d;
  }
  .coverage-matrix__frame-wrap::-webkit-scrollbar-thumb {
    background: rgba(84, 90, 108, 0.62);
    border: 3px solid #08090d;
    border-radius: 8px;
  }
  .coverage-matrix__frame {
    background: #09090b;
    border: 0;
    display: block;
    height: 100%;
    min-width: 0;
    width: 100%;
  }
  @media (max-width: 700px) {
    .coverage-matrix__frame-wrap {
      height: min(68vh, 540px);
      min-height: 380px;
      resize: none;
      width: calc(100vw - 40px);
    }
  }
  .sec-head {
    margin: 0 0 clamp(28px, 4.5vw, 48px);
    text-align: left;
  }
  #methodology .sec-head {
    margin-bottom: clamp(18px, 3vw, 30px);
  }
  .terminal-body {
    display: grid;
    gap: 20px;
    max-width: calc(var(--max) - (2 * var(--pad)));
    margin: 0 auto clamp(30px, 4vw, 48px);
    text-align: center;
  }
  .terminal-detail .sec-head {
    max-width: calc(var(--max) - (2 * var(--pad)));
    margin: 0 auto clamp(28px, 4.5vw, 48px);
    padding: 0;
    text-align: center;
  }
  .terminal-detail .sec-head h2 {
    font-size: clamp(36px, 4.2vw, 56px);
    letter-spacing: -0.02em;
    line-height: 1.08;
    margin: 0;
    text-wrap: balance;
  }
  .globe-band {
    --globe-frame-height: clamp(680px, 58vw, 920px);
    isolation: isolate;
    overflow: visible;
    position: relative;
  }
  .globe-band::before {
    display: none;
  }
  .terminal-detail {
    align-items: flex-start;
    display: flex;
    min-height: 0;
    overflow: visible;
    padding-top: clamp(30px, 5vw, 56px);
    padding-bottom: clamp(10px, 1.8vw, 22px);
  }
  .terminal-detail::before {
    display: none;
  }
  .terminal-detail > .wrap {
    position: relative;
    width: 100%;
    z-index: 2;
  }
  .coverage-experiment > .wrap {
    position: relative;
    z-index: 2;
  }
  .terminal-globe {
    bottom: auto;
    height: var(--globe-frame-height);
    left: -8%;
    pointer-events: none;
    position: absolute;
    right: -8%;
    top: -6%;
    z-index: 0;
  }
  .terminal-globe__video {
    filter: brightness(0.72) contrast(1.08) saturate(0.76);
    height: 100%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
    object-fit: cover;
    object-position: center;
    opacity: 0.76;
    transform: scale(1.22);
    transform-origin: center;
    width: 100%;
  }
  .terminal-detail .sec-head h2,
  .terminal-detail .terminal-body p {
    text-shadow: 0 3px 28px rgba(0, 0, 0, 0.92);
  }
  @media (max-width: 700px) {
    .terminal-detail { min-height: 0; }
    .globe-band {
      --globe-frame-height: clamp(620px, 150vw, 860px);
    }
    .terminal-globe {
      height: var(--globe-frame-height);
      left: -42%;
      right: -42%;
      top: -6%;
    }
    .terminal-globe__video { transform: scale(1.18); }
  }
  @media (prefers-reduced-motion: reduce) {
    .terminal-globe__video { animation: none; }
  }
  .terminal-body p {
    color: #B8C0E0;
    font-size: clamp(18px, 1.65vw, 23px);
    line-height: 1.58;
    margin: 0 auto;
    max-width: 680px;
    text-wrap: balance;
  }
  .terminal-body strong {
    color: var(--ink);
  }
  .terminal-pipeline {
    padding-bottom: clamp(14px, 2.2vw, 28px);
    padding-top: clamp(28px, 4.2vw, 56px);
    margin: 0 auto;
    max-width: min(1180px, calc(100vw - (2 * var(--pad))));
    text-align: center;
    text-shadow: 0 3px 28px rgba(0, 0, 0, 0.88);
  }
  .terminal-pipeline__strip {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
  }
  .terminal-pipeline__step {
    align-items: center;
    display: flex;
    flex: 1 1 156px;
    flex-direction: column;
    gap: 14px;
    max-width: 205px;
    min-width: 0;
    padding: 4px 6px;
    text-align: center;
  }
  .terminal-pipeline__icon {
    color: var(--accent-2);
    flex: 0 0 auto;
    height: 34px;
    stroke: currentColor;
    stroke-width: 1.4;
    width: 34px;
  }
  .terminal-pipeline__copy {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
  }
  .terminal-pipeline__copy h2 {
    color: #f0f3ff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;
  }
  .terminal-pipeline__copy p {
    color: rgba(184, 192, 224, 0.72);
    font-size: 15px;
    line-height: 1.44;
    margin: 0;
    text-wrap: balance;
  }
  .terminal-pipeline__arrow {
    align-self: center;
    color: rgba(184, 192, 224, 0.72);
    display: inline-flex;
    flex: 0 0 auto;
    padding: 0 1px;
  }
  .terminal-pipeline__arrow svg {
    height: 14px;
    stroke: currentColor;
    stroke-width: 1.8;
    width: 22px;
  }
  .terminal-pipeline__actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: clamp(28px, 3.4vw, 44px);
  }
  .terminal-pipeline__actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }
  .terminal-pipeline__actions .btn {
    border-color: rgba(184, 192, 224, 0.22);
    color: #cdd4ee;
    font-size: 13px;
    justify-content: center;
    line-height: 1.15;
    min-width: 170px;
    padding: 8px 18px;
    text-align: center;
  }
  .terminal-pipeline__actions .btn:hover,
  .terminal-pipeline__actions .btn:focus-visible {
    background: rgba(184, 192, 224, 0.06);
    border-color: rgba(184, 192, 224, 0.34);
    color: #cdd4ee;
    outline: none;
    transform: none;
  }
  .terminal-pipeline.is-ready [data-pipeline-item],
  .terminal-pipeline.is-ready [data-pipeline-arrow] {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 0.7, 0.3, 1);
  }
  .terminal-pipeline.is-ready [data-pipeline-item] {
    transform: translateY(14px);
  }
  .terminal-pipeline.is-ready [data-pipeline-item].is-visible,
  .terminal-pipeline.is-ready [data-pipeline-arrow].is-visible {
    opacity: 1;
    transform: none;
  }
  .terminal-sections {
    display: grid;
    gap: clamp(24px, 4vw, 48px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto;
    max-width: calc(var(--max) - (2 * var(--pad)));
    text-shadow: 0 3px 28px rgba(0, 0, 0, 0.88);
  }
  .terminal-panel {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 1.8vw, 20px);
    min-width: 0;
    padding-top: clamp(18px, 2.4vw, 28px);
    text-align: center;
  }
  .terminal-panel h2 {
    color: var(--ink);
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.12;
    margin: 0;
    text-wrap: balance;
  }
  .terminal-panel p {
    color: rgba(184, 192, 224, 0.9);
    font-size: clamp(16px, 1.24vw, 18px);
    line-height: 1.68;
    margin: 0 auto;
    max-width: 58ch;
  }
  .terminal-panel__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
    justify-content: center;
    margin-top: auto;
    padding-top: clamp(4px, 1vw, 10px);
  }
  .terminal-panel__actions p {
    color: rgba(227, 229, 239, 0.72);
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.5;
  }
  .terminal-panel__actions .btn {
    border-color: rgba(184, 192, 224, 0.22);
    justify-content: center;
    line-height: 1.15;
    min-width: 190px;
    text-align: center;
  }
  .terminal-panel__actions .btn:hover,
  .terminal-panel__actions .btn:focus-visible {
    background: rgba(184, 192, 224, 0.06);
    border-color: rgba(184, 192, 224, 0.34);
    outline: none;
    transform: none;
  }
  @media (max-width: 760px) {
    .terminal-pipeline__strip {
      flex-wrap: wrap;
    }
    .terminal-pipeline__step {
      flex-basis: min(42vw, 220px);
      max-width: 220px;
    }
    .terminal-pipeline__actions .btn {
      min-width: min(100%, 230px);
    }
    .terminal-sections {
      grid-template-columns: 1fr;
    }
    .terminal-panel__actions {
      align-items: stretch;
      flex-direction: column;
    }
    .terminal-panel__actions .btn {
      width: 100%;
    }
  }
  @media (max-width: 520px) {
    .terminal-pipeline__strip {
      gap: 22px 10px;
    }
    .terminal-pipeline__step {
      flex-basis: 100%;
      max-width: 320px;
      padding-left: 0;
      padding-right: 0;
    }
    .terminal-pipeline__arrow {
      justify-content: center;
      transform: rotate(90deg);
      width: 100%;
    }
    .terminal-pipeline.is-ready [data-pipeline-arrow].is-visible {
      transform: rotate(90deg);
    }
    .terminal-pipeline__actions,
    .terminal-pipeline__actions-row {
      align-items: stretch;
      width: 100%;
    }
    .terminal-pipeline__actions .btn {
      min-width: 0;
      width: 100%;
    }
  }
  .terminal-frame {
    max-width: calc(var(--max) - (2 * var(--pad)) - 96px);
    margin: 0 auto;
    cursor: zoom-in;
    position: relative;
    overflow: visible;
    aspect-ratio: var(--terminal-preview-ratio, 1920 / 1030);
    transform-origin: center;
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
    will-change: transform;
  }
  .terminal-frame img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: contain;
    transform-origin: center;
    transform: scale(var(--terminal-preview-scale, 1));
    transition: transform 0.24s ease;
    will-change: transform;
  }
  .terminal-frame.is-cropped img {
    object-fit: cover;
    object-position: var(--terminal-preview-position, center top);
  }
  .terminal-cycle {
    appearance: none;
    border: 1px solid rgba(111, 200, 240, 0.48);
    border-radius: 999px;
    background: rgba(5, 7, 12, 0.58);
    color: var(--accent-2);
    cursor: pointer;
    height: 34px;
    width: 34px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  }
  .terminal-cycle::before {
    content: "";
    border-right: 1px solid currentColor;
    border-top: 1px solid currentColor;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 11px;
    top: 12px;
    transform: rotate(45deg);
  }
  .terminal-cycle:hover,
  .terminal-cycle:focus-visible {
    background: rgba(111, 200, 240, 0.12);
    border-color: rgba(111, 200, 240, 0.9);
    outline: none;
    transform: translateY(-50%) scale(1.06);
  }
  .terminal-cycle--prev { left: -56px; }
  .terminal-cycle--prev::before { transform: rotate(-135deg); left: 13px; }
  .terminal-cycle--next { right: -56px; }
  .terminal-frame:hover,
  .terminal-frame:focus-visible {
    border-color: rgba(184, 192, 224, 0.28);
    box-shadow: 0 34px 105px rgba(0, 0, 0, 0.44);
    outline: none;
    transform: scale(1.025);
  }
  .terminal-frame:hover img,
  .terminal-frame:focus-visible img {
    transform: scale(calc(var(--terminal-preview-scale, 1) * 1.01));
  }
  .terminal-guide-download {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: clamp(18px, 2.8vw, 30px) auto 0;
    text-align: center;
  }
  .terminal-guide-download .btn {
    border-color: rgba(184, 192, 224, 0.18);
    justify-content: center;
    line-height: 1;
    min-width: 210px;
    text-align: center;
  }
  .terminal-guide-download .btn:hover,
  .terminal-guide-download .btn:focus-visible {
    background: rgba(184, 192, 224, 0.06);
    border-color: rgba(184, 192, 224, 0.34);
    outline: none;
    transform: none;
  }
  .people {
    padding: clamp(56px, 7vw, 84px) 0;
  }
  .people .sec-head {
    margin-bottom: clamp(22px, 3vw, 32px);
  }
  .people-grid {
    display: grid;
    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
    gap: clamp(34px, 6vw, 58px);
    align-items: start;
  }
  .people-photo {
    border: 1px solid rgba(150, 175, 255, 0.14);
    border-radius: 8px;
    overflow: hidden;
    max-width: 240px;
    background: #05070c;
  }
  .people-photo img {
    width: 100%;
    height: auto;
    filter: saturate(0.92) brightness(0.96);
  }
  .bios {
    display: grid;
    gap: 30px;
    padding-top: 4px;
  }
  .bio {
    border-left: 1px solid rgba(150, 175, 255, 0.18);
    padding-left: 22px;
  }
  .bio-name {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 8px;
  }
  .bio-name h3 {
    color: var(--ink);
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
  }
  .li-icon {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: var(--ink-3);
    color: #080d1c;
    display: inline-grid;
    place-items: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
  }
  .li-icon:hover,
  .li-icon:focus-visible {
    background: var(--accent-2);
    outline: none;
    transform: translateY(-1px);
  }
  .bio p {
    color: #B8C0E0;
    font-size: 15.5px;
    line-height: 1.7;
    margin: 0;
    max-width: 82ch;
  }
  .contact-founders {
    display: grid;
    gap: clamp(18px, 2.4vw, 28px);
    grid-template-columns: repeat(2, minmax(220px, max-content));
    justify-content: start;
    margin: 0 0 56px;
    padding-top: 24px;
  }
  .contact-founders .bio {
    min-width: 0;
  }
  @media (max-width: 680px) {
    .contact-founders {
      grid-template-columns: 1fr;
    }
  }
  .legal-strip {
    display: contents;
  }
  .legal-strip__links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    order: 2;
  }
  .legal-strip__links .legal-doc {
    flex: 0 1 auto;
    max-width: 520px;
  }
  .legal-strip__links .legal-doc__summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
  }
  .legal-strip__links .legal-doc__summary::before {
    content: "+";
    color: var(--ink-3);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1;
  }
  .legal-strip__links .legal-doc[open] .legal-doc__summary::before {
    content: "-";
  }
  .legal-strip__links .legal-doc__summary:hover {
    background: transparent;
  }
  .legal-strip__links .legal-doc__heading h2 {
    color: var(--ink-3);
    font-size: 11px;
    letter-spacing: 0.18em;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    transition: color 0.2s;
  }
  .legal-strip__links .legal-doc__summary:hover .legal-doc__heading h2,
  .legal-strip__links .legal-doc__summary:focus-visible .legal-doc__heading h2 {
    color: var(--accent-2);
  }
  .legal-strip__links .legal-doc__toggle {
    display: none;
  }
  .legal-strip__links .legal-doc__body {
    padding-top: 18px;
  }
  .legal-strip__links .privacy-doc__eyebrow {
    display: none;
  }
  .legal-strip__links .privacy-doc__updated,
  .legal-strip__links .privacy-doc p {
    font-size: 13px;
    line-height: 1.65;
  }
  .footer {
    padding: 22px 0 24px;
    text-align: left;
  }
  .footer__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    text-align: left;
  }
  .footer__bottom {
    display: block;
    order: 1;
    color: var(--ink-3);
    font-size: 11px;
    letter-spacing: 0.08em;
  }
  @media (max-width: 860px) {
    .terminal-frame {
      max-width: calc(var(--max) - (2 * var(--pad)));
    }
    .terminal-cycle--prev {
      left: 12px;
    }
    .terminal-cycle--next {
      right: 12px;
    }
    .hero--split-experiment {
      min-height: auto;
      padding: clamp(58px, 12vw, 82px) 0 clamp(46px, 11vw, 68px);
      text-align: center;
    }
    .hero--split-experiment .wrap {
      display: block;
      max-width: var(--max);
    }
    .hero--split-experiment .hero-copy {
      max-width: none;
    }
    .hero--split-experiment .hero__title {
      font-size: clamp(32px, 8.8vw, 38px);
      line-height: 1.08;
      max-width: 100%;
    }
    .hero--split-experiment .hero-title-line {
      white-space: nowrap;
    }
    .hero--split-experiment .hero__title,
    .hero--split-experiment .hero__sub {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
    .hero--split-experiment .hero__sub {
      font-size: clamp(15px, 4.2vw, 17px);
      line-height: 1.55;
      max-width: 34ch;
    }
    .hero--split-experiment .hero__sub br {
      display: none;
    }
    .hero-access {
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
    }
    .hero-access .btn {
      font-size: 11px;
      padding: 13px 22px;
    }
    .hero-access__note {
      font-size: 13px;
      margin-top: 9px;
    }
    .hero--split-experiment .hero-actions {
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 8px;
      justify-content: center;
      margin-top: 21px;
      max-width: none;
    }
    .hero--split-experiment .hero-actions .btn {
      flex: 0 1 auto;
      font-size: 10px;
      min-height: 0;
      padding: 11px 13px;
      white-space: nowrap;
    }
    .hero--split-experiment .hero-actions .btn--ghost {
      font-size: 9.5px;
      padding: 9px 11px;
    }
    .hero--split-experiment .hero-visual-wrap {
      margin: clamp(26px, 7vw, 38px) auto 0;
      transform: none;
      width: min(92%, 440px);
    }
    .hero-visual-wrap,
    .hero-data-frame {
      width: 100%;
      margin-left: 0;
    }
    .legal-strip__links {
      justify-content: flex-start;
      gap: 14px;
      order: 1;
    }
    .footer__inner {
      display: block;
    }
    .footer__bottom {
      display: block;
      order: 2;
      margin-top: 14px;
    }
  }
  @media (max-width: 600px) {
    .nav__inner {
      gap: 12px;
    }
    .nav__logo {
      width: 34px;
      height: 34px;
      transform: scale(1.12);
    }
    .nav__links {
      gap: 8px;
    }
    .nav__link {
      font-size: 9px;
      letter-spacing: 0.04em;
    }
    .hero-actions {
      flex-direction: column;
    }
    .hero--split-experiment .hero-actions {
      flex-direction: row;
    }
    .method-actions .btn--primary + .btn--ghost {
      padding: 10px 18px;
    }
  }

  /* ===== Methodology and Principles from updated concept ===== */
/* ===== Methodology (01) — two-column ===== */
  .meth-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(310px, 0.82fr);
    gap: clamp(36px, 5.4vw, 76px);
    align-items: center;
  }
  .meth-grid__text {
    align-items: center;
    display: flex;
    padding: 0;
  }
  .meth-pipeline {
    color: var(--ink);
    font-size: clamp(22px, 2.4vw, 31px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    margin: 0;
  }
  .meth-pipeline__arrow {
    color: var(--accent-2);
    margin: 0 0.18em;
    font-weight: 600;
  }
  .meth-para {
    color: rgba(184, 192, 224, 0.82);
    font-size: clamp(16px, 1.3vw, 18px);
    line-height: 1.72;
    margin: 0;
    max-width: 620px;
  }
  .meth-doc {
    align-self: center;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(111, 200, 240, 0.18);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 44px -34px rgba(0, 0, 0, 0.75);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding: clamp(18px, 2vw, 24px) clamp(26px, 3vw, 40px);
  }
  .meth-doc__para {
    color: rgba(227, 229, 239, 0.82);
    font-size: clamp(15px, 1.12vw, 16px);
    line-height: 1.62;
    margin: 0 0 clamp(14px, 1.5vw, 18px);
    max-width: 42ch;
  }
  .meth-doc .btn {
    align-self: flex-start;
    background: transparent;
    border: 1px solid rgba(184, 192, 224, 0.18);
    color: var(--ink);
    min-width: 0;
    padding: 13px 22px;
  }
  .meth-doc .btn:hover,
  .meth-doc .btn:focus-visible {
    background: rgba(184, 192, 224, 0.06);
    border-color: rgba(184, 192, 224, 0.34);
    box-shadow: none;
    outline: none;
    transform: none;
  }

  .coverage-subline {
    color: var(--ink);
    font-size: clamp(27px, 3.25vw, 40px);
    line-height: 1.15;
    margin: 0;
  }
  .coverage-support {
    color: rgba(184, 192, 224, 0.82);
    font-size: clamp(16px, 1.3vw, 18px);
    line-height: 1.72;
    margin: 20px 0 0;
    max-width: none;
  }
  @media (max-width: 860px) {
    .meth-grid { grid-template-columns: 1fr; }
  }

#mn-imap{--bg0:#0f1119;--bg1:#191c2b;--ink:#e7eaf6;--muted:#8089ad;--faint:#4a5170;--line:#272c41}#mn-imap *{box-sizing:border-box;margin:0;padding:0}#mn-imap{color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}#mn-imap{display:flex;flex-direction:column;align-items:center;padding:40px 16px 60px;overflow-x:hidden}#mn-imap .head{text-align:center;position:relative;z-index:30}#mn-imap .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}#mn-imap .counts{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(15px,2.3vw,21px)}#mn-imap .counts b{font-weight:700}#mn-imap .counts .x{color:var(--faint);margin:0 .5em;font-weight:400}#mn-imap .hint{font-size:12.5px;color:var(--muted);margin-top:9px;height:16px;transition:opacity .3s}#mn-imap .scaler{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}#mn-imap .stage{position:relative;width:1200px;height:1200px;flex:0 0 auto;transform-origin:top center}#mn-imap svg.tree{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}#mn-imap svg.pie{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}#mn-imap .slice{cursor:pointer;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.25,1);transform-origin:600px 600px}#mn-imap .slice path{transition:fill .25s,stroke .25s}#mn-imap .pie.dim .slice:not(.on){opacity:.34}#mn-imap .slice.on{transform:scale(1.03)}#mn-imap .slice-label{transition:opacity .2s}#mn-imap .logo-hub{position:absolute;left:600px;top:600px;width:188px;height:188px;transform:translate(-50%,-50%);
  border-radius:50%;background:var(--bg1);display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 1px #2a3050,0 0 40px -20px #6fc8f0;z-index:3;cursor:pointer}#mn-imap .logo-svg{width:152px;height:152px;display:block}#mn-imap .node{position:absolute;z-index:4;transform:translate(-50%,-50%)}#mn-imap .chip{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:30px;cursor:pointer;white-space:nowrap;
  background:rgba(22,25,38,.92);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink);
  transition:border-color .2s,background .2s,transform .2s;backdrop-filter:blur(8px)}#mn-imap .chip:hover{background:rgba(30,34,52,.96)}#mn-imap .chip .cdot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}#mn-imap .chip.open{transform:scale(1.02)}#mn-imap .card{position:absolute;z-index:5;width:266px;transform:translate(var(--tx),var(--ty));
  background:rgba(19,22,33,.97);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 22px 50px -22px rgba(0,0,0,.85);backdrop-filter:blur(16px);
  opacity:0;transition:opacity .24s,transform .24s;display:flex;flex-direction:column;max-height:780px;overflow-y:auto}#mn-imap .card.show{opacity:1}#mn-imap .card-top{padding:14px 15px 8px;flex:0 0 auto}#mn-imap .card-title{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;line-height:1.25;display:flex;align-items:flex-start;gap:8px}#mn-imap .card-title .tdot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:0 0 auto}#mn-imap .card-src{font-size:10.5px;color:var(--muted);font-style:italic;margin:6px 0 0 16px;line-height:1.4}#mn-imap .card-desc{font-size:11.5px;color:#b9c0e0;margin:7px 0 0 16px;line-height:1.5}#mn-imap .card-scroll{overflow-y:auto;padding:2px 15px 13px;margin-top:2px}#mn-imap .card-scroll::-webkit-scrollbar{width:7px}#mn-imap .card-scroll::-webkit-scrollbar-thumb{background:#2c3350;border-radius:4px}#mn-imap .grp{margin-top:11px}#mn-imap .grp-h{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;display:flex;align-items:center;gap:8px}#mn-imap .grp-h.gdiH{color:var(--ac)}#mn-imap .grp-h::after{content:"";flex:1;height:1px;background:var(--line)}#mn-imap .subg{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:9px 0 3px 2px}#mn-imap .li{font-size:12px;color:#c2c8e6;line-height:1.5;padding:2px 0 2px 14px;position:relative}#mn-imap .li::before{content:"";position:absolute;left:2px;top:9px;width:4px;height:4px;border-radius:50%;background:var(--faint)}#mn-imap .li.gdi::before{background:var(--ac)}#mn-imap .tip{border-bottom:1px dotted var(--faint);cursor:help;position:relative}#mn-imap .tip sup{color:var(--ac);font-weight:700;margin-left:1px}#mn-imap .tipbox{position:absolute;bottom:140%;left:0;width:198px;background:#0c0e16;border:1px solid var(--line);border-radius:8px;
  padding:8px 10px;font-size:10.5px;color:#aab1d4;font-style:normal;opacity:0;visibility:hidden;transition:.16s;z-index:60;
  box-shadow:0 10px 24px -8px #000;line-height:1.45;white-space:normal}#mn-imap .tip:hover .tipbox{opacity:1;visibility:visible}#mn-imap .efi-row{padding-left:14px;font-weight:600;font-size:12px;color:#d6dbf2;padding-top:3px;padding-bottom:5px;position:relative}#mn-imap .efi-row::before{content:"";position:absolute;left:2px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--ac)}#mn-imap .efi-comp{border-radius:8px;margin-top:1px}#mn-imap .efi-h{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 14px;cursor:pointer;border-radius:8px;font-size:12px;font-weight:500;color:#c2c8e6;transition:background .15s;position:relative}#mn-imap .efi-h:hover{background:rgba(255,255,255,.045)}#mn-imap .efi-h::before{content:"";position:absolute;left:2px;top:12px;width:4px;height:4px;border-radius:50%;background:var(--faint)}#mn-imap .efi-h .dc{margin-left:auto;color:var(--muted);font-size:15px;line-height:1;transition:transform .2s}#mn-imap .efi-comp.open .efi-h .dc{transform:rotate(45deg)}#mn-imap .efi-subs{display:none;padding:1px 0 5px}#mn-imap .efi-comp.open .efi-subs{display:block}#mn-imap .efi-subs .li{padding-left:28px;font-size:11.5px}#mn-imap .efi-subs .li::before{left:16px;background:var(--faint)}#mn-imap .acc{display:none;width:100%;max-width:460px;margin-top:30px}#mn-imap .acc-mod{border:1px solid var(--line);border-radius:13px;margin-bottom:10px;overflow:hidden}#mn-imap .acc-mh{display:flex;align-items:center;gap:11px;padding:14px 15px;cursor:pointer}#mn-imap .acc-mh .mi{width:26px;height:26px;flex:0 0 auto}#mn-imap .acc-mh .mn{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px}#mn-imap .acc-mh .mc{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--muted)}#mn-imap .acc-body{display:none;padding:0 12px 10px}#mn-imap .acc-mod.open .acc-body{display:block}#mn-imap .acc-ds{border-top:1px solid var(--line)}#mn-imap .acc-dh{display:flex;align-items:center;gap:8px;padding:11px 4px;cursor:pointer;font-size:13.5px;font-weight:500}#mn-imap .acc-dh .dc{margin-left:auto;color:var(--muted);font-size:18px;line-height:1;transition:transform .2s}#mn-imap .acc-ds.open .acc-dh .dc{transform:rotate(45deg)}#mn-imap .acc-dbody{display:none;padding:2px 2px 12px 6px}#mn-imap .acc-ds.open .acc-dbody{display:block}@media (max-width:980px){#mn-imap .scaler{display:none}#mn-imap .acc{display:block}}

.coverage-experiment{padding:clamp(8px,1.4vw,18px) 0 clamp(52px,7vw,84px);overflow:visible}
.coverage-experiment .sec-head{max-width:1000px;margin-left:auto;margin-right:auto;text-align:center}
#mn-imap{padding:0 16px 8px;margin-top:0;overflow:visible!important;position:relative;scrollbar-width:none;z-index:2}
#mn-imap::-webkit-scrollbar,#mn-imap .scaler::-webkit-scrollbar,#mn-imap .stage::-webkit-scrollbar{display:none}
#mn-imap .scaler{align-items:flex-start;margin-top:0;overflow:hidden!important;scrollbar-width:none;transition:height .28s cubic-bezier(.2,.8,.25,1)}
#mn-imap .scaler.is-expanded{overflow:visible!important}
#mn-imap .stage{overflow:visible!important;scrollbar-width:none}
#mn-imap .card{width:340px;max-height:none!important;overflow:visible!important}
#mn-imap .card-scroll{max-height:none!important;overflow:visible!important}
#mn-imap .card-scroll::-webkit-scrollbar{display:none}
#mn-imap .grp-h{color:var(--ac)}
#mn-imap .card-top{position:relative;padding-right:42px}
#mn-imap .card-close{position:absolute;right:11px;top:10px;width:24px;height:24px;border:1px solid rgba(128,137,173,.32);border-radius:50%;background:rgba(12,14,22,.62);color:#b8c0e0;cursor:pointer;font-size:18px;line-height:20px;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,color .18s}
#mn-imap .card-close:hover,#mn-imap .card-close:focus-visible{background:rgba(184,192,224,.08);border-color:rgba(184,192,224,.46);color:#fff;outline:none}
@media (max-width:980px){.coverage-experiment .sec-head{margin-left:auto;margin-right:auto}#mn-imap{padding:20px 0 8px}#mn-imap .card{width:auto;max-height:none}#mn-imap .card-scroll{max-height:none;overflow:visible}}

/* Coverage wheel polish */
#mn-imap[hidden] {
  display: none !important;
}
#mn-imap {
  --bg0: #0d1420;
  --bg1: #121d2b;
  --ink: #eef4fb;
  --muted: rgba(184, 192, 224, 0.72);
  --faint: rgba(131, 159, 184, 0.55);
  --line: rgba(128, 170, 197, 0.18);
}
#mn-imap .slice {
  transform-origin: 600px 600px;
  transition: opacity 0.28s ease, transform 0.32s cubic-bezier(.2,.8,.25,1);
}
#mn-imap .slice path {
  filter: none;
  shape-rendering: geometricPrecision;
  transition: fill 0.24s ease, stroke 0.24s ease, stroke-width 0.24s ease, filter 0.24s ease;
}
#mn-imap .slice:hover path,
#mn-imap .slice.on path {
  filter: none;
}
#mn-imap .slice.on {
  transform: scale(1.018);
}
#mn-imap .pie.dim .slice:not(.on) {
  opacity: 0.42;
}
#mn-imap .slice-label {
  fill-opacity: 0.72;
  paint-order: stroke;
  stroke: rgba(13, 20, 32, 0.72);
  stroke-width: 2px;
  text-transform: uppercase;
  transition: fill-opacity 0.2s ease, opacity 0.2s ease;
}
#mn-imap .slice:hover .slice-label {
  fill-opacity: 1;
}
#mn-imap .logo-hub {
  background:
    radial-gradient(circle at 50% 40%, rgba(185, 189, 208, 0.055), transparent 58%),
    linear-gradient(180deg, rgba(22, 29, 41, 0.97), rgba(12, 17, 26, 0.99));
  border: 1px solid rgba(185, 189, 208, 0.2);
  box-shadow:
    0 0 0 8px rgba(185, 189, 208, 0.018),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 22px 58px rgba(0, 0, 0, 0.34);
}
#mn-imap .logo-svg {
  filter: grayscale(1) brightness(1.08);
  opacity: 0.88;
}
#mn-imap .chip {
  background: rgba(14, 23, 36, 0.88);
  border-color: rgba(128, 170, 197, 0.2);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  color: rgba(238, 244, 251, 0.9);
  font-size: 12.5px;
}
#mn-imap .chip:hover,
#mn-imap .chip.open {
  background: rgba(21, 34, 51, 0.94);
  border-color: rgba(184, 192, 224, 0.34);
}
#mn-imap .chip .cdot {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.035);
  opacity: 0.85;
}
#mn-imap svg.tree path {
  opacity: 0.38;
  stroke-width: 1px;
}
#mn-imap svg.tree circle {
  opacity: 0.72;
}
#mn-imap .card {
  background: rgba(12, 19, 30, 0.97);
  border-color: rgba(128, 170, 197, 0.18);
  border-radius: 10px;
  box-shadow: 0 24px 56px -28px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255,255,255,0.025) inset;
}
#mn-imap .card-title {
  color: rgba(238, 244, 251, 0.95);
}
#mn-imap .card-title .tdot {
  opacity: 0.82;
}
#mn-imap .card-src,
#mn-imap .card-desc {
  color: rgba(184, 192, 224, 0.68);
}
#mn-imap .grp-h {
  letter-spacing: 0.16em;
}

/* One continuous page canvas: no alternating section backgrounds. */
html,
body {
  background-color: #101621 !important;
  background-image: none !important;
}

body > section,
body > footer,
.hero,
.section,
.section--alt,
.terminal-detail,
.coverage-experiment,
#contact {
  background-color: transparent !important;
  background-image: none !important;
}

.coverage-experiment {
  background-color: transparent !important;
}

.globe-band,
.globe-band .terminal-detail,
.globe-band .coverage-experiment {
  background-color: transparent !important;
  background-image: none !important;
}