:root {
      --paper: #f4f7f5;
      --paper-deep: #e8eeeb;
      --surface: #ffffff;
      --ink: #071923;
      --ink-soft: #334650;
      --muted: #53646c;
      --line: #76878d;
      --line-soft: #cdd6d7;
      --blue: #0354f5;
      --blue-dark: #003bb7;
      --blue-soft: #dce8ff;
      --yellow: #ffe45f;
      --yellow-soft: #fff4b3;
      --green: #087a55;
      --green-soft: #dff3ea;
      --red: #c92121;
      --red-soft: #fde7e4;
      --white: #ffffff;
      --display: "Barlow Condensed", "Arial Narrow", sans-serif;
      --body: "Public Sans", system-ui, sans-serif;
      --mono: "Azeret Mono", ui-monospace, monospace;
      --ease-out: cubic-bezier(.23, 1, .32, 1);
      --ease-move: cubic-bezier(.77, 0, .175, 1);
      --page: min(90rem, calc(100% - 2.5rem));
      --section-space: clamp(5.5rem, 9vw, 9.5rem);
      --header-height: 4.75rem;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: calc(var(--header-height) + 1.5rem);
      background: var(--paper);
    }

    body {
      margin: 0;
      min-width: 0;
      overflow-x: clip;
      background: var(--paper);
      color: var(--ink);
      font-family: var(--body);
      font-size: 1rem;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      touch-action: manipulation;
      -webkit-tap-highlight-color: rgba(3, 84, 245, .16);
    }

    body,
    button,
    input,
    textarea {
      font-family: var(--body);
    }

    a {
      color: inherit;
      text-decoration-thickness: .08em;
      text-underline-offset: .18em;
    }

    button,
    input,
    textarea {
      font: inherit;
    }

    button,
    a {
      -webkit-tap-highlight-color: rgba(3, 84, 245, .16);
    }

    img,
    svg {
      display: block;
      max-width: 100%;
    }

    h1,
    h2,
    h3,
    p {
      margin-top: 0;
    }

    h1,
    h2,
    h3 {
      text-wrap: balance;
    }

    p {
      text-wrap: pretty;
    }

    ul,
    ol,
    dl {
      margin-top: 0;
    }

    :focus-visible {
      outline: .1875rem solid var(--blue);
      outline-offset: .1875rem;
    }

    .solutions :focus-visible,
    .contact :focus-visible,
    .about :focus-visible,
    .motion-showcase :focus-visible {
      outline-color: var(--yellow);
    }

    .audit-form :focus-visible {
      outline-color: var(--blue);
    }

    [id] {
      scroll-margin-top: calc(var(--header-height) + 1.5rem);
    }

    ::selection {
      background: var(--yellow);
      color: var(--ink);
    }

    .skip-link {
      position: fixed;
      z-index: 1000;
      top: .75rem;
      left: .75rem;
      transform: translateY(-180%);
      background: var(--ink);
      color: var(--white);
      padding: .75rem 1rem;
      font-weight: 700;
      transition: transform 160ms var(--ease-out);
    }

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

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

    .page-shell {
      width: var(--page);
      margin-inline: auto;
    }

    .page-shell > * {
      min-width: 0;
    }

    .site-header {
      position: sticky;
      z-index: 100;
      top: 0;
      min-height: var(--header-height);
      background: rgba(244, 247, 245, .88);
      backdrop-filter: blur(1.125rem) saturate(140%);
      -webkit-backdrop-filter: blur(1.125rem) saturate(140%);
    }

    .site-header::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: -1rem;
      left: 0;
      height: 1rem;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(7, 25, 35, 0), rgba(7, 25, 35, 0));
      transition: background 180ms ease;
    }

    .site-header.is-scrolled::after {
      background: linear-gradient(to bottom, rgba(7, 25, 35, .09), rgba(7, 25, 35, 0));
    }

    .nav {
      min-height: var(--header-height);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
    }

    .brand {
      display: inline-flex;
      min-height: 2.75rem;
      align-items: center;
      text-decoration: none;
    }

    .brand-logo {
      display: block;
      width: clamp(7.5rem, 10vw, 9rem);
      height: auto;
      flex: 0 0 auto;
    }

    .nav-panel {
      display: flex;
      align-items: center;
      gap: clamp(1.4rem, 2.6vw, 2.75rem);
    }

    .nav-list {
      display: flex;
      align-items: center;
      gap: clamp(1.25rem, 2vw, 2.25rem);
      padding: 0;
      margin: 0;
      list-style: "";
    }

    .nav-list a {
      position: relative;
      display: inline-flex;
      min-height: 2.75rem;
      align-items: center;
      color: var(--ink-soft);
      font-size: .875rem;
      font-weight: 600;
      text-decoration: none;
    }

    .nav-list a::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: .35rem;
      left: 0;
      height: .125rem;
      background: var(--blue);
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 180ms var(--ease-out);
    }

    .nav-list a[aria-current="location"] {
      color: var(--ink);
    }

    .nav-list a[aria-current="location"]::after,
    .nav-list a:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }

    .button {
      display: inline-flex;
      min-height: 3rem;
      align-items: center;
      justify-content: center;
      gap: .7rem;
      border: .0625rem solid transparent;
      border-radius: .25rem;
      padding: .75rem 1.1rem;
      background: transparent;
      color: inherit;
      font-size: .875rem;
      font-weight: 700;
      line-height: 1.2;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      transition:
        transform 120ms var(--ease-out),
        background-color 180ms ease,
        color 180ms ease,
        border-color 180ms ease;
    }

    .button:active {
      transform: scale(.97);
    }

    .button-primary {
      background: var(--blue);
      color: var(--white);
    }

    .button-primary:hover {
      background: var(--blue-dark);
    }

    .button-outline {
      border-color: var(--ink);
      color: var(--ink);
    }

    .button-outline:hover {
      background: var(--ink);
      color: var(--white);
    }

    .button-light {
      background: var(--white);
      color: var(--blue-dark);
    }

    .button-light:hover {
      background: var(--yellow);
      color: var(--ink);
    }

    .button-yellow {
      background: var(--yellow);
      color: var(--ink);
    }

    .button-yellow:hover {
      background: var(--white);
    }

    .button-arrow {
      width: 1.05rem;
      height: 1.05rem;
      flex: 0 0 auto;
      transition: transform 180ms var(--ease-out);
    }

    .button:hover .button-arrow {
      transform: translate(.14rem, -.14rem);
    }

    .menu-button {
      display: none;
      width: 3rem;
      height: 3rem;
      align-items: center;
      justify-content: center;
      border: .0625rem solid var(--ink);
      border-radius: .25rem;
      background: transparent;
      color: var(--ink);
      cursor: pointer;
    }

    .menu-icon {
      position: relative;
      width: 1.25rem;
      height: .875rem;
    }

    .menu-icon::before,
    .menu-icon::after,
    .menu-icon span {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: .125rem;
      background: currentColor;
      transition: transform 180ms var(--ease-out), top 180ms var(--ease-out), opacity 120ms ease;
    }

    .menu-icon::before {
      top: 0;
    }

    .menu-icon span {
      top: .375rem;
    }

    .menu-icon::after {
      top: .75rem;
    }

    .menu-button[aria-expanded="true"] .menu-icon::before {
      top: .375rem;
      transform: rotate(45deg);
    }

    .menu-button[aria-expanded="true"] .menu-icon span {
      opacity: 0;
    }

    .menu-button[aria-expanded="true"] .menu-icon::after {
      top: .375rem;
      transform: rotate(-45deg);
    }

    main {
      display: block;
    }

    section[id] {
      scroll-margin-top: calc(var(--header-height) + 1.5rem);
    }

    .hero {
      position: relative;
      padding: clamp(3.25rem, 6vw, 6.25rem) 0 clamp(4.5rem, 8vw, 7.5rem);
    }

    .hero::before {
      content: "";
      position: absolute;
      top: 2rem;
      right: clamp(1rem, 4vw, 4rem);
      width: .875rem;
      height: .875rem;
      border: .125rem solid var(--line);
      border-radius: 50%;
      box-shadow:
        -2.1rem 0 0 -.34rem var(--paper),
        -2.1rem 0 0 -.22rem var(--line);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
      align-items: center;
      gap: clamp(3rem, 5vw, 6.5rem);
    }

    .hero-copy,
    .workflow-figure {
      min-width: 0;
    }

    .route-label {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      margin-bottom: 1.35rem;
      color: var(--blue-dark);
      font-family: var(--mono);
      font-size: .7rem;
      font-weight: 600;
      letter-spacing: .03em;
      line-height: 1.4;
      text-transform: uppercase;
    }

    .route-label::before {
      content: "";
      width: .55rem;
      height: .55rem;
      border: .125rem solid currentColor;
      border-radius: 50%;
      background: var(--paper);
      box-shadow: inset 0 0 0 .1rem var(--paper);
    }

    .hero h1 {
      max-width: 10ch;
      margin-bottom: 1.5rem;
      font-family: var(--display);
      font-size: clamp(4.1rem, 7.15vw, 6rem);
      font-weight: 800;
      letter-spacing: -.025em;
      line-height: .88;
      text-transform: uppercase;
    }

    .hero h1 .signal-stop {
      color: var(--blue);
    }

    .hero-intro {
      max-width: 36rem;
      margin-bottom: 2rem;
      color: var(--ink-soft);
      font-size: clamp(1.02rem, 1.3vw, 1.15rem);
      line-height: 1.7;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: .85rem 1rem;
      margin-bottom: 1.75rem;
    }

    .text-link {
      display: inline-flex;
      min-height: 2.75rem;
      align-items: center;
      gap: .55rem;
      color: var(--ink);
      font-weight: 700;
    }

    .text-link svg {
      width: 1.15rem;
      height: 1.15rem;
      color: var(--green);
    }

    .hero-note {
      max-width: 33rem;
      margin-bottom: 0;
      padding-top: 1rem;
      border-top: .0625rem solid var(--line-soft);
      color: var(--muted);
      font-family: var(--mono);
      font-size: .7rem;
      line-height: 1.7;
    }

    .workflow-figure {
      position: relative;
      margin: 0;
      padding: 1.2rem 0 0;
    }

    .workflow-figure::before {
      content: "OPN-01 / ILLUSTRATIVE ROUTE";
      position: absolute;
      top: -.35rem;
      right: 0;
      color: var(--muted);
      font-family: var(--mono);
      font-size: .62rem;
      letter-spacing: .04em;
    }

    .workflow-panel {
      position: relative;
      min-height: 34rem;
      overflow: hidden;
      border: .0625rem solid var(--line);
      border-radius: .5rem;
      background: var(--surface);
      box-shadow: 0 1.2rem 3.5rem rgba(7, 25, 35, .09);
    }

    .workflow-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      min-height: 4.5rem;
      padding: .9rem 1rem .9rem 1.25rem;
      border-bottom: .0625rem solid var(--line-soft);
    }

    .workflow-title {
      margin-bottom: .1rem;
      font-size: .88rem;
      font-weight: 700;
    }

    .workflow-subtitle {
      margin: 0;
      color: var(--muted);
      font-family: var(--mono);
      font-size: .62rem;
      line-height: 1.4;
    }

    .mode-switch {
      display: inline-flex;
      padding: .2rem;
      border: .0625rem solid var(--line);
      border-radius: .25rem;
      background: var(--paper);
    }

    .mode-button {
      min-height: 2.5rem;
      border: 0;
      border-radius: .15rem;
      padding: .55rem .75rem;
      background: transparent;
      color: var(--muted);
      font-size: .7rem;
      font-weight: 700;
      cursor: pointer;
      transition: transform 120ms var(--ease-out), background-color 180ms ease, color 180ms ease;
    }

    .mode-button:active {
      transform: scale(.97);
    }

    .mode-button[aria-pressed="true"] {
      background: var(--ink);
      color: var(--white);
    }

    .workflow-stage {
      position: relative;
      display: grid;
      min-height: 24.5rem;
      align-content: center;
      padding: 7.75rem 1.25rem 3rem;
      background:
        linear-gradient(90deg, rgba(154, 169, 174, .13) .0625rem, transparent .0625rem) 0 0 / 4.5rem 100%,
        linear-gradient(rgba(154, 169, 174, .1) .0625rem, transparent .0625rem) 0 0 / 100% 4.5rem;
    }

    .workflow-route {
      position: absolute;
      z-index: 0;
      top: 5.4rem;
      right: 3.4%;
      left: 3.4%;
      width: 93.2%;
      height: 15.5rem;
      overflow: visible;
      pointer-events: none;
    }

    .route-auto,
    .route-manual,
    .route-fault {
      vector-effect: non-scaling-stroke;
      transition: opacity 220ms ease;
    }

    .route-auto {
      opacity: 1;
    }

    .route-manual,
    .route-fault {
      opacity: .12;
    }

    .workflow-stage[data-mode="manual"] .route-auto {
      opacity: .11;
    }

    .workflow-stage[data-mode="manual"] .route-manual,
    .workflow-stage[data-mode="manual"] .route-fault {
      opacity: 1;
    }

    .faults {
      position: absolute;
      z-index: 2;
      top: 1.15rem;
      right: 5%;
      left: 5%;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;
      pointer-events: none;
    }

    .fault {
      display: flex;
      min-width: 0;
      align-items: center;
      gap: .45rem;
      color: var(--muted);
      font-family: var(--mono);
      font-size: .58rem;
      line-height: 1.35;
      opacity: .42;
      transition: opacity 180ms ease, color 180ms ease;
    }

    .fault::before {
      content: "!";
      display: grid;
      width: 1.2rem;
      height: 1.2rem;
      flex: 0 0 auto;
      place-items: center;
      border: .0625rem solid currentColor;
      border-radius: 50%;
      font-weight: 700;
    }

    .workflow-stage[data-mode="manual"] .fault {
      color: var(--red);
      opacity: 1;
    }

    .flow-list {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: clamp(.45rem, 1.1vw, .8rem);
      padding: 0;
      margin: 0;
      list-style: "";
    }

    .flow-node {
      min-width: 0;
      border: .0625rem solid var(--ink);
      border-radius: .35rem;
      padding: .85rem .5rem .7rem;
      background: var(--surface);
      text-align: center;
      transition: border-color 180ms ease, background-color 180ms ease, transform 220ms var(--ease-out);
    }

    .flow-node:last-child {
      border-color: var(--green);
    }

    .workflow-stage[data-mode="manual"] .flow-node {
      border-color: var(--red);
      background: var(--red-soft);
    }

    .flow-icon {
      display: grid;
      width: 2.25rem;
      height: 2.25rem;
      margin: 0 auto .65rem;
      place-items: center;
      border: .125rem solid var(--blue);
      border-radius: 50%;
      color: var(--blue);
      background: var(--surface);
    }

    .workflow-stage[data-mode="manual"] .flow-icon {
      border-color: var(--red);
      color: var(--red);
    }

    .flow-icon svg {
      width: 1.05rem;
      height: 1.05rem;
    }

    .flow-node-title {
      display: block;
      margin-bottom: .18rem;
      font-family: var(--display);
      font-size: 1rem;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
    }

    .flow-node-status {
      display: block;
      min-height: 2.45em;
      color: var(--muted);
      font-family: var(--mono);
      font-size: .52rem;
      line-height: 1.25;
    }

    .workflow-stage[data-mode="manual"] .flow-node-status {
      color: var(--red);
    }

    .workflow-summary {
      display: flex;
      align-items: center;
      gap: .65rem;
      min-height: 4.1rem;
      padding: .9rem 1.25rem;
      margin: 0;
      border-top: .0625rem solid var(--line-soft);
      color: var(--ink-soft);
      font-size: .8rem;
      line-height: 1.5;
    }

    .workflow-summary::before {
      content: "";
      width: .62rem;
      height: .62rem;
      flex: 0 0 auto;
      border: .125rem solid var(--green);
      border-radius: 50%;
      background: var(--green-soft);
    }

    .workflow-figure figcaption {
      max-width: 68ch;
      margin: .75rem 0 0;
      color: var(--muted);
      font-size: .72rem;
      line-height: 1.55;
    }

    .bottleneck {
      padding: var(--section-space) 0;
      border-top: .0625rem solid var(--line);
    }

    .bottleneck-grid {
      display: grid;
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
      gap: clamp(3rem, 8vw, 9rem);
      align-items: start;
    }

    .section-code {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      margin-bottom: 1.5rem;
      color: var(--blue-dark);
      font-family: var(--mono);
      font-size: .7rem;
      font-weight: 600;
      text-transform: uppercase;
    }

    .section-code::before {
      content: "";
      width: 1.75rem;
      height: .125rem;
      background: currentColor;
    }

    .section-heading {
      overflow-wrap: anywhere;
      max-width: 13ch;
      margin-bottom: 1.4rem;
      font-family: var(--display);
      font-size: clamp(3.25rem, 6vw, 5.4rem);
      font-weight: 800;
      letter-spacing: -.025em;
      line-height: .93;
      text-transform: uppercase;
    }

    .section-heading-wide {
      max-width: 17ch;
    }

    .section-intro {
      max-width: 40rem;
      margin-bottom: 2rem;
      color: var(--ink-soft);
      font-size: clamp(1rem, 1.2vw, 1.1rem);
      line-height: 1.75;
    }

    .problem-list {
      padding: 0;
      margin: 0;
      border-top: .0625rem solid var(--line);
      list-style: "";
    }

    .problem-item {
      display: grid;
      grid-template-columns: 2.75rem minmax(0, 1fr);
      gap: clamp(1rem, 2.4vw, 2rem);
      padding: 1.75rem 0;
      border-bottom: .0625rem solid var(--line-soft);
    }

    .problem-signal {
      display: grid;
      width: 2.75rem;
      height: 2.75rem;
      place-items: center;
      border: .0625rem solid var(--ink);
      background: var(--yellow);
      font-family: var(--mono);
      font-size: .68rem;
      font-weight: 600;
    }

    .problem-item h3 {
      margin-bottom: .35rem;
      font-family: var(--display);
      font-size: clamp(1.55rem, 2.2vw, 2rem);
      font-weight: 700;
      letter-spacing: -.01em;
      line-height: 1.05;
      text-transform: uppercase;
    }

    .problem-item p {
      max-width: 57ch;
      margin-bottom: 0;
      color: var(--muted);
    }

    .solutions {
      position: relative;
      padding: var(--section-space) 0;
      overflow: hidden;
      background: var(--blue);
      color: var(--white);
    }

    .solutions::before {
      content: "";
      position: absolute;
      top: 0;
      right: max(1.25rem, calc((100% - 90rem) / 2));
      width: min(18rem, 24vw);
      height: .5rem;
      background: var(--yellow);
    }

    .solutions .section-code {
      color: var(--yellow);
    }

    .solutions .section-intro {
      color: #e8efff;
    }

    .solutions-head {
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(18rem, .65fr);
      gap: clamp(2rem, 7vw, 7rem);
      align-items: end;
      margin-bottom: clamp(3rem, 7vw, 6rem);
    }

    .solution-phases {
      padding: 0;
      margin: 0;
      border-top: .0625rem solid rgba(255, 255, 255, .55);
      list-style: "";
    }

    .solution-phase {
      display: grid;
      grid-template-columns: minmax(9rem, .55fr) minmax(16rem, 1.15fr) minmax(15rem, .9fr);
      gap: clamp(1.5rem, 4vw, 4.5rem);
      padding: clamp(2rem, 3.4vw, 3.2rem) 0;
      border-bottom: .0625rem solid rgba(255, 255, 255, .42);
      align-items: start;
    }

    .phase-heading {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
    }

    .phase-number {
      display: grid;
      width: 2.4rem;
      height: 2.4rem;
      flex: 0 0 auto;
      place-items: center;
      border: .0625rem solid var(--white);
      border-radius: 50%;
      color: var(--yellow);
      font-family: var(--mono);
      font-size: .68rem;
      font-weight: 600;
    }

    .phase-heading h3 {
      margin: 0;
      font-family: var(--display);
      font-size: clamp(2rem, 3vw, 3.25rem);
      font-weight: 800;
      letter-spacing: -.02em;
      line-height: .96;
      text-transform: uppercase;
    }

    .phase-services {
      display: flex;
      flex-wrap: wrap;
      gap: .55rem;
      padding: 0;
      margin: 0;
      list-style: "";
    }

    .phase-services li {
      border: .0625rem solid rgba(255, 255, 255, .72);
      border-radius: 100vw;
      padding: .45rem .7rem;
      font-size: .74rem;
      line-height: 1.25;
    }

    .phase-outcome {
      margin: 0;
      color: #eef3ff;
      line-height: 1.7;
    }

    .solutions-cta {
      display: flex;
      justify-content: flex-end;
      margin-top: 2.5rem;
    }

    .motion-showcase {
      position: relative;
      padding: var(--section-space) 0;
      overflow: hidden;
      background: var(--ink);
      color: var(--white);
    }

    .motion-showcase::before {
      content: "";
      position: absolute;
      top: 0;
      right: max(1.25rem, calc((100% - 90rem) / 2));
      width: min(14rem, 22vw);
      height: .5rem;
      background: var(--yellow);
    }

    .motion-grid {
      display: grid;
      grid-template-columns: minmax(17rem, .62fr) minmax(24rem, 1fr);
      gap: clamp(3rem, 8vw, 8rem);
      align-items: center;
    }

    .motion-showcase .section-code {
      color: var(--yellow);
    }

    .motion-showcase .section-heading {
      max-width: 10ch;
    }

    .motion-copy {
      max-width: 40rem;
      margin-top: 1.5rem;
      color: #dbe3e7;
      line-height: 1.75;
    }

    .motion-note {
      display: flex;
      gap: .75rem;
      align-items: flex-start;
      margin: 1.5rem 0 0;
      color: #dbe3e7;
      font-family: var(--mono);
      font-size: .68rem;
      line-height: 1.6;
    }

    .motion-note::before {
      content: "";
      width: .65rem;
      height: .65rem;
      flex: 0 0 auto;
      margin-top: .15rem;
      border: .125rem solid var(--yellow);
      border-radius: 50%;
    }

    .motion-media {
      position: relative;
      margin: 0;
    }

    .motion-media::before {
      content: "OPN-M / CONCEPT MOTION";
      position: absolute;
      z-index: 1;
      top: 1rem;
      left: 1rem;
      padding: .4rem .55rem;
      border: .0625rem solid rgba(255, 255, 255, .52);
      background: rgba(7, 25, 35, .78);
      color: var(--white);
      font-family: var(--mono);
      font-size: .6rem;
      letter-spacing: .06em;
      pointer-events: none;
    }

    .motion-video {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 1;
      border: .0625rem solid rgba(255, 255, 255, .42);
      background: #001027;
      object-fit: cover;
    }

    .motion-media figcaption {
      max-width: 75ch;
      margin-top: .9rem;
      color: #dbe3e7;
      font-size: .72rem;
      line-height: 1.6;
    }

    .process {
      padding: var(--section-space) 0;
    }

    .process-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(17rem, .55fr);
      gap: clamp(2rem, 7vw, 7rem);
      align-items: end;
      margin-bottom: clamp(3rem, 6vw, 5.5rem);
    }

    .process-list {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(1.25rem, 3vw, 3rem);
      padding: 0;
      margin: 0;
      list-style: "";
    }

    .process-list::before {
      content: "";
      position: absolute;
      top: 1.45rem;
      right: 8%;
      left: 8%;
      height: .1875rem;
      background: var(--ink);
    }

    .process-step {
      position: relative;
      z-index: 1;
      min-width: 0;
    }

    .step-port {
      display: grid;
      width: 3rem;
      height: 3rem;
      margin-bottom: 1.5rem;
      place-items: center;
      border: .1875rem solid var(--ink);
      border-radius: 50%;
      background: var(--paper);
      color: var(--blue-dark);
      font-family: var(--mono);
      font-size: .7rem;
      font-weight: 600;
    }

    .process-step:last-child .step-port {
      border-color: var(--green);
      background: var(--green-soft);
      color: var(--green);
    }

    .process-step h3 {
      margin-bottom: .65rem;
      font-family: var(--display);
      font-size: clamp(1.75rem, 2.6vw, 2.6rem);
      font-weight: 800;
      letter-spacing: -.015em;
      line-height: 1;
      text-transform: uppercase;
    }

    .process-step p {
      margin-bottom: 0;
      color: var(--muted);
      font-size: .93rem;
      line-height: 1.7;
    }

    .industries {
      padding: var(--section-space) 0;
      border-top: .0625rem solid var(--line);
      background: var(--surface);
    }

    .industries-grid {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
      gap: clamp(3rem, 8vw, 9rem);
      align-items: start;
    }

    .industry-index {
      margin: 0;
      border-top: .0625rem solid var(--ink);
    }

    .industry-row {
      display: grid;
      grid-template-columns: minmax(9.5rem, .72fr) minmax(0, 1.28fr);
      gap: clamp(1rem, 3vw, 3rem);
      padding: 1.4rem 0;
      border-bottom: .0625rem solid var(--line-soft);
    }

    .industry-row dt {
      display: flex;
      align-items: flex-start;
      gap: .65rem;
      font-weight: 700;
      line-height: 1.4;
    }

    .industry-row dt::before {
      content: "";
      width: .7rem;
      height: .7rem;
      flex: 0 0 auto;
      margin-top: .32rem;
      border: .125rem solid var(--blue);
      border-radius: 50%;
    }

    .industry-row dd {
      margin: 0;
      color: var(--muted);
      line-height: 1.65;
    }

    .about {
      padding: var(--section-space) 0;
      background: var(--ink);
      color: var(--white);
    }

    .about-grid {
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(20rem, .72fr);
      gap: clamp(3rem, 9vw, 10rem);
      align-items: start;
    }

    .about .section-code {
      color: var(--yellow);
    }

    .about .section-intro {
      color: #dbe3e7;
    }

    .difference-list {
      padding: 0;
      margin: 0;
      border-top: .0625rem solid #78909b;
      list-style: "";
    }

    .difference-list li {
      position: relative;
      padding: 1.4rem 0 1.4rem 2.25rem;
      border-bottom: .0625rem solid #536a75;
      color: #e7edef;
    }

    .difference-list li::before {
      content: "";
      position: absolute;
      top: 1.75rem;
      left: .1rem;
      width: .85rem;
      height: .85rem;
      border: .125rem solid var(--yellow);
      border-radius: 50%;
      box-shadow: inset 0 0 0 .14rem var(--ink);
      background: var(--yellow);
    }

    .difference-list strong {
      display: block;
      margin-bottom: .25rem;
      color: var(--white);
      font-family: var(--display);
      font-size: 1.45rem;
      line-height: 1.1;
      text-transform: uppercase;
    }

    .contact {
      position: relative;
      padding: var(--section-space) 0;
      overflow: hidden;
      background: var(--blue);
      color: var(--white);
    }

    .contact::after {
      content: "";
      position: absolute;
      right: clamp(-5rem, -2vw, -1rem);
      bottom: clamp(-4rem, -2vw, -1rem);
      width: clamp(12rem, 24vw, 24rem);
      aspect-ratio: 1;
      border: clamp(2rem, 4vw, 4rem) solid rgba(255, 255, 255, .12);
      border-radius: 50%;
      pointer-events: none;
    }

    .contact-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, .78fr) minmax(24rem, .86fr);
      gap: clamp(3rem, 8vw, 8rem);
      align-items: start;
    }

    .contact .section-code {
      color: var(--yellow);
    }

    .contact .section-heading {
      max-width: 12ch;
    }

    .contact-intro {
      max-width: 34rem;
      margin-bottom: 2rem;
      color: #e8efff;
      font-size: 1.05rem;
      line-height: 1.75;
    }

    .direct-contact {
      padding: 0;
      margin: 2.25rem 0 0;
      list-style: "";
    }

    .direct-contact li {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: .4rem .8rem;
      padding: .8rem 0;
      border-top: .0625rem solid rgba(255, 255, 255, .45);
    }

    .direct-contact span {
      min-width: 7.25rem;
      color: #dce7ff;
      font-family: var(--mono);
      font-size: .68rem;
      text-transform: uppercase;
    }

    .direct-contact a {
      overflow-wrap: anywhere;
      font-weight: 700;
    }

    .audit-form {
      border: .125rem solid var(--ink);
      border-radius: .5rem;
      padding: clamp(1.5rem, 3vw, 2.5rem);
      background: var(--paper);
      color: var(--ink);
      box-shadow: .75rem .75rem 0 var(--ink);
    }

    .audit-fields {
      min-width: 0;
      margin: 0;
      padding: 0;
      border: 0;
    }

    .consent-field {
      margin: .5rem 0 1.4rem;
    }

    .consent-label {
      display: flex;
      align-items: flex-start;
      gap: .75rem;
      padding: .5rem 0;
      cursor: pointer;
      font-size: .875rem;
      line-height: 1.6;
    }

    .consent-label input {
      width: 1.25rem;
      height: 1.25rem;
      flex: 0 0 auto;
      margin: .15rem 0 0;
      accent-color: var(--blue);
    }

    .consent-field .field-hint,
    .consent-field .field-error {
      font-size: .8rem;
    }

    .form-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      padding-bottom: 1.5rem;
      margin-bottom: 1.5rem;
      border-bottom: .0625rem solid var(--line);
    }

    .form-head h3 {
      margin-bottom: .3rem;
      font-family: var(--display);
      font-size: clamp(2rem, 3vw, 2.8rem);
      font-weight: 800;
      line-height: .95;
      text-transform: uppercase;
    }

    .form-head p {
      margin-bottom: 0;
      color: var(--muted);
      font-family: var(--mono);
      font-size: .65rem;
      line-height: 1.5;
    }

    .form-ticket {
      display: grid;
      width: 3rem;
      height: 3rem;
      flex: 0 0 auto;
      place-items: center;
      background: var(--yellow);
      color: var(--ink);
      font-family: var(--mono);
      font-size: .65rem;
      font-weight: 600;
    }

    .form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.1rem;
    }

    .field {
      min-width: 0;
      margin-bottom: 1.1rem;
    }

    .field-wide {
      grid-column: 1 / -1;
    }

    .field label {
      display: block;
      margin-bottom: .4rem;
      font-size: .78rem;
      font-weight: 700;
    }

    .required-mark {
      color: var(--red);
    }

    .field input,
    .field textarea {
      width: 100%;
      min-height: 3.25rem;
      border: .125rem solid #64777f;
      border-radius: .25rem;
      padding: .78rem .85rem;
      background: var(--surface);
      color: var(--ink);
      line-height: 1.45;
      transition: border-color 160ms ease, box-shadow 160ms ease;
    }

    .field textarea {
      min-height: 7rem;
      resize: vertical;
    }

    .field input::placeholder,
    .field textarea::placeholder {
      color: #65757c;
      opacity: 1;
    }

    .field input:focus,
    .field textarea:focus {
      border-color: var(--blue);
    }

    .field input[aria-invalid="true"],
    .field textarea[aria-invalid="true"] {
      border-color: var(--red);
      background: #fff8f7;
    }

    .field-hint,
    .field-error {
      margin: .4rem 0 0;
      font-size: .7rem;
      line-height: 1.45;
    }

    .field-hint {
      color: var(--muted);
    }

    .field-error {
      color: var(--red);
      font-weight: 700;
    }

    .form-actions {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-top: .25rem;
    }

    .form-actions .button {
      min-height: 3.25rem;
    }

    .form-status {
      min-height: 1.5em;
      margin: 0;
      color: var(--green);
      font-size: .78rem;
      font-weight: 700;
    }

    .form-privacy {
      margin: 1rem 0 0;
      color: var(--muted);
      font-size: .8rem;
      line-height: 1.55;
    }

    .policy-links {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem 1.5rem;
      padding: 1rem 0;
      border-top: .0625rem solid var(--line);
      font-size: .875rem;
    }

    .policy-links a {
      display: inline-flex;
      align-items: center;
      min-height: 2.75rem;
    }

    .policy-main {
      width: min(100% - 2.5rem, 58rem);
      padding: clamp(3rem, 8vw, 6rem) 0;
      margin-inline: auto;
      overflow-wrap: anywhere;
    }

    .policy-main h1 {
      font-family: var(--display);
      font-size: clamp(3rem, 9vw, 5rem);
      line-height: 1;
      text-transform: uppercase;
      margin-bottom: 1.25rem;
    }

    .policy-main h2 {
      padding-top: 1.5rem;
      margin-top: 2rem;
      border-top: .0625rem solid var(--line);
      font-size: 1.4rem;
      line-height: 1.35;
    }

    .policy-main p,
    .policy-main li {
      max-width: 72ch;
      line-height: 1.8;
    }

    .policy-main li + li {
      margin-top: .75rem;
    }

    .policy-date {
      color: var(--muted);
      font-size: .875rem;
    }

    .policy-contact {
      font-style: normal;
    }

    .policy-header .nav {
      flex-wrap: wrap;
      gap: .75rem 2rem;
      padding-block: .75rem;
    }

    .policy-header {
      position: relative;
      border-bottom: .0625rem solid var(--line);
    }

    .policy-home {
      display: inline-flex;
      align-items: center;
      min-height: 2.75rem;
      gap: .5rem;
      font-size: .875rem;
    }

    .site-footer {
      padding: clamp(3rem, 6vw, 5rem) 0 1.5rem;
      background: var(--paper);
    }

    .footer-top {
      display: grid;
      grid-template-columns: minmax(14rem, 1.2fr) repeat(2, minmax(9rem, .55fr));
      gap: clamp(2rem, 7vw, 7rem);
      padding-bottom: clamp(2.5rem, 5vw, 4rem);
    }

    .footer-statement {
      max-width: 32rem;
      margin: 1.25rem 0 0;
      color: var(--ink-soft);
      font-family: var(--display);
      font-size: clamp(1.55rem, 2.5vw, 2.4rem);
      font-weight: 700;
      line-height: 1.08;
      text-transform: uppercase;
    }

    .footer-heading {
      margin-bottom: .85rem;
      color: var(--muted);
      font-family: var(--mono);
      font-size: .68rem;
      font-weight: 600;
      text-transform: uppercase;
    }

    .footer-links {
      padding: 0;
      margin: 0;
      list-style: "";
    }

    .footer-links li + li {
      margin-top: .55rem;
    }

    .footer-links a {
      font-size: .86rem;
      font-weight: 600;
    }

    .social-links {
      display: flex;
      flex-wrap: wrap;
      gap: .55rem;
      margin-top: 1.4rem;
    }

    .social-link {
      display: grid;
      width: 2.75rem;
      height: 2.75rem;
      place-items: center;
      border: .0625rem solid var(--ink);
      border-radius: 50%;
      color: var(--ink);
      transition: transform 120ms var(--ease-out), background-color 180ms ease, color 180ms ease;
    }

    .social-link:hover {
      background: var(--ink);
      color: var(--white);
    }

    .social-link:active {
      transform: scale(.96);
    }

    .social-link svg {
      width: 1rem;
      height: 1rem;
    }

    .footer-bottom {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: .75rem 2rem;
      padding-top: 1.2rem;
      border-top: .0625rem solid var(--line);
      color: var(--muted);
      font-family: var(--mono);
      font-size: .65rem;
      line-height: 1.5;
    }

    @media (hover: hover) and (pointer: fine) {
      .flow-node:hover {
        transform: translateY(-.25rem);
      }
    }

    @media (max-width: 72rem) {
      .hero-grid {
        grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
        gap: 2.5rem;
      }

      .workflow-panel {
        min-height: 31rem;
      }

      .workflow-stage {
        min-height: 22rem;
        padding-inline: .8rem;
      }

      .flow-node {
        padding-inline: .3rem;
      }

      .flow-node-title {
        font-size: .88rem;
      }
    }

    @media (max-width: 61rem) {
      .hero-grid,
      .bottleneck-grid,
      .motion-grid,
      .industries-grid,
      .about-grid,
      .contact-grid {
        grid-template-columns: 1fr;
      }

      .hero h1 {
        max-width: 11ch;
      }

      .workflow-figure {
        max-width: 52rem;
      }

      .motion-media {
        width: min(100%, 44rem);
      }

      .bottleneck-grid,
      .motion-grid,
      .industries-grid,
      .about-grid,
      .contact-grid {
        gap: 3.5rem;
      }

      .solutions-head,
      .process-head {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .solution-phase {
        grid-template-columns: minmax(10rem, .65fr) minmax(15rem, 1fr);
      }

      .phase-outcome {
        grid-column: 2;
      }

      .contact .section-heading {
        max-width: 14ch;
      }

      .audit-form {
        max-width: 48rem;
      }
    }

    @media (max-width: 50rem) {
      :root {
        --page: min(100% - 1.5rem, 90rem);
        --header-height: 4.25rem;
      }

      .site-header {
        background: rgba(244, 247, 245, .96);
      }

      .menu-button {
        display: inline-flex;
      }

      .nav-panel {
        position: absolute;
        top: calc(100% + .45rem);
        right: .75rem;
        left: .75rem;
        display: block;
        max-height: calc(100dvh - var(--header-height) - 1.5rem);
        overflow-y: auto;
        padding: .8rem;
        border: .0625rem solid var(--line);
        border-radius: .5rem;
        background: var(--surface);
        box-shadow: 0 1rem 2.5rem rgba(7, 25, 35, .16);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-.5rem) scale(.98);
        transform-origin: top right;
        transition: opacity 160ms ease, transform 180ms var(--ease-out), visibility 0s linear 180ms;
      }

      .nav-panel.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1);
        transition-delay: 0s;
      }

      .nav-list {
        display: block;
      }

      .nav-list a {
        width: 100%;
        min-height: 3rem;
        border-bottom: .0625rem solid var(--line-soft);
      }

      .nav-list a::after {
        display: none;
      }

      .nav-panel > .button {
        width: 100%;
        margin-top: .8rem;
      }

      .hero {
        padding-top: 2.75rem;
      }

      .workflow-head {
        align-items: flex-start;
      }

      .mode-switch {
        flex: 0 0 auto;
      }

      .workflow-panel {
        min-height: 0;
      }

      .workflow-stage {
        min-height: auto;
        align-content: start;
        padding: 2rem 1.25rem;
        background:
          linear-gradient(90deg, transparent 2.1rem, rgba(154, 169, 174, .17) 2.1rem, rgba(154, 169, 174, .17) 2.16rem, transparent 2.16rem);
      }

      .workflow-route,
      .faults {
        display: none;
      }

      .flow-list {
        display: block;
        padding-left: 2.65rem;
      }

      .flow-list::before {
        content: "";
        position: absolute;
        top: 2.4rem;
        bottom: 2.4rem;
        left: 1.2rem;
        width: .1875rem;
        background: var(--blue);
        transition: background-color 180ms ease;
      }

      .workflow-stage[data-mode="manual"] .flow-list::before {
        background: var(--red);
      }

      .flow-node {
        position: relative;
        display: grid;
        grid-template-columns: 2.5rem minmax(0, 1fr);
        align-items: center;
        gap: .75rem;
        padding: .7rem .75rem;
        text-align: left;
      }

      .flow-node + .flow-node {
        margin-top: 1rem;
      }

      .flow-node::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -2.75rem;
        width: 2.75rem;
        height: .125rem;
        background: var(--blue);
        transition: background-color 180ms ease;
      }

      .workflow-stage[data-mode="manual"] .flow-node::before {
        background: var(--red);
      }

      .flow-icon {
        grid-row: 1 / 3;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
      }

      .flow-node-title {
        margin: 0;
      }

      .flow-node-status {
        min-height: 0;
      }

      .solution-phase {
        grid-template-columns: 1fr;
        gap: 1.2rem;
      }

      .phase-outcome {
        grid-column: 1;
      }

      .process-list {
        grid-template-columns: 1fr 1fr;
      }

      .process-list::before {
        display: none;
      }

      .process-step {
        padding-top: 1rem;
        border-top: .125rem solid var(--ink);
      }

      .footer-top {
        grid-template-columns: 1fr 1fr;
      }

      .footer-brand {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 38rem) {
      .hero h1 {
        font-size: clamp(3.55rem, 17vw, 4.7rem);
      }

      .hero-actions,
      .form-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .hero-actions .button,
      .form-actions .button {
        width: 100%;
      }

      .text-link {
        justify-content: center;
      }

      .workflow-head {
        display: block;
      }

      .mode-switch {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: .8rem;
      }

      .section-heading {
        font-size: clamp(3rem, 15vw, 4rem);
      }

      .problem-item {
        grid-template-columns: 2.35rem minmax(0, 1fr);
      }

      .problem-signal {
        width: 2.35rem;
        height: 2.35rem;
      }

      .process-list,
      .form-grid,
      .footer-top {
        grid-template-columns: 1fr;
      }

      .industry-row {
        grid-template-columns: 1fr;
        gap: .55rem;
      }

      .audit-form {
        padding: 1.25rem;
        box-shadow: .4rem .4rem 0 var(--ink);
      }

      .form-head {
        display: block;
      }

      .form-ticket {
        margin-top: 1rem;
      }

      .footer-brand {
        grid-column: auto;
      }

      .motion-media::before {
        top: .65rem;
        left: .65rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
      }

      .button:active,
      .mode-button:active,
      .social-link:active {
        transform: none;
      }
    }

    @media (prefers-reduced-transparency: reduce) {
      .site-header {
        background: var(--paper);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
    }

    @media (prefers-contrast: more) {
      :root {
        --muted: #273b44;
        --line: #354a53;
        --line-soft: #60747d;
      }

      .site-header {
        background: var(--paper);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }

      .button,
      .flow-node,
      .workflow-panel,
      .audit-form {
        border-width: .125rem;
      }
    }