/* ── Oraitha hero two-column layout ── */
    .fm-hero--oraitha {
      background: var(--color-white);
      border-bottom: 1px solid var(--border);
      padding: 120px var(--container-pad) 72px;
    }
    .fm-hero--oraitha .fm-hero__inner {
      max-width: var(--container-max);
      margin-inline: auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: center;
    }
    .fm-hero__viz {
      position: relative;
    }
    .fm-hero__canvas-wrap {
      position: relative;
      border: 1px solid var(--border);
      border-radius: 6px;
      overflow: hidden;
      background: #ffffff;
    }
    .fm-hero__canvas-wrap canvas {
      display: block;
      width: 100%;
      height: auto;
    }
    .fm-hero__canvas-hud {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      display: flex;
      gap: 0;
      background: rgba(8,9,15,0.88);
      border-top: 1px solid rgba(255,255,255,0.07);
      padding: 5px 12px;
    }
    .fm-hero__canvas-hud span {
      flex: 1;
      font-family: 'DM Mono', monospace;
      font-size: 0.55rem;
      letter-spacing: 0.12em;
      color: rgba(13,15,26,0.4);
      text-transform: uppercase;
    }
    .fm-hero__canvas-hud span strong {
      color: rgba(13,15,26,0.85);
      font-weight: 400;
      margin-left: 4px;
    }
    .hud-val--alert { color: #ef4444 !important; }
    .hud-val--green { color: #22c55e !important; }

    /* Responsive */
    @media (max-width: 1024px) {
      .fm-hero--oraitha .fm-hero__inner { grid-template-columns: 1fr; gap: 40px; }
      .fm-hero__viz { max-width: 560px; margin: 0 auto; width: 100%; }
    }
    @media (max-width: 768px) {
      .fm-hero--oraitha { padding: 100px var(--container-pad) 56px; }
    }


  <!-- ── Hero animation styles ── -->

    .fm-hero__inner--split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 56px;
      align-items: center;
    }
    .fm-hero__anim { position: relative; }
    .fm-anim-wrap {
      position: relative;
      border: 1px solid rgba(13,15,26,0.12);
      border-radius: 6px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: 0 8px 40px rgba(0,0,0,0.12);
    }
    .fm-anim-wrap canvas { display: block; width: 100%; height: auto; }
    .fm-anim-hud {
      display: flex;
      background: #ffffff;
      border-top: 1px solid rgba(13,15,26,0.1);
      padding: 6px 14px;
    }
    .fm-anim-hud__item {
      flex: 1;
      font-family: 'DM Mono', monospace;
      font-size: 0.52rem;
      letter-spacing: 0.12em;
      color: rgba(13,15,26,0.38);
      text-transform: uppercase;
    }
    .fm-anim-hud__item strong {
      display: block;
      font-weight: 400;
      font-size: 0.6rem;
      color: rgba(13,15,26,0.82);
      margin-top: 1px;
    }
    .fm-anim-hud__item strong.val-green { color: #22c55e; }
    .fm-anim-hud__item strong.val-alert { color: #ef4444; }
    .fm-anim-hud__item strong.val-amber { color: #f59e0b; }
    @media (max-width: 1024px) {
      .fm-hero__inner--split { grid-template-columns: 1fr; gap: 40px; }
      .fm-hero__anim { max-width: 540px; margin: 0 auto; width: 100%; }
    }