/* Critical ORA Code layout: keeps the section intact even while old CDN/browser CSS expires. */
      .ora-code-showcase {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
        gap: 34px;
        align-items: center;
      }
      .ora-code-copy h2 {
        margin: 0 0 18px;
        font-size: clamp(34px, 5vw, 62px);
        line-height: 1.02;
        letter-spacing: -0.022em;
      }
      .ora-code-copy > p {
        margin: 0 0 22px;
        color: var(--fg-dim);
        font-size: 17px;
        line-height: 1.7;
      }
      .ora-code-points {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 24px 0 28px;
      }
      .ora-code-points span {
        min-height: 42px;
        display: flex;
        align-items: center;
        padding: 10px 12px;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.035);
        color: var(--fg-dim);
        font-size: 13px;
      }
      .ora-code-points span::before {
        content: "";
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        margin-right: 9px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--accent-1), var(--accent-2));
        box-shadow: 0 0 14px rgba(34, 211, 238, 0.55);
      }
      .ora-code-panel {
        overflow: hidden;
        border: 1px solid rgba(167, 139, 250, 0.28);
        border-radius: 14px;
        background:
          radial-gradient(circle at 20% 0%, rgba(167, 139, 250, 0.16), transparent 36%),
          rgba(255, 255, 255, 0.026);
      }
      .ora-code-bar,
      .ora-code-tabs,
      .ora-code-change,
      .ora-code-chat { border-bottom: 1px solid var(--line); }
      .ora-code-bar {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 14px 16px;
        color: var(--fg);
        font-size: 13px;
      }
      .ora-code-bar span { font-weight: 700; }
      .ora-code-bar strong {
        color: #7dd3fc;
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 999px;
        background: rgba(34, 211, 238, 0.12);
      }
      .ora-code-tabs {
        display: flex;
        gap: 6px;
        padding: 10px 12px;
        color: var(--fg-mute);
        font-size: 12px;
        overflow-x: auto;
      }
      .ora-code-tabs span { padding: 7px 9px; border-radius: 8px; white-space: nowrap; }
      .ora-code-tabs .active { color: var(--fg); background: rgba(167, 139, 250, 0.18); }
      .ora-code-body {
        display: grid;
        gap: 10px;
        padding: 14px;
      }
      .ora-code-chat,
      .ora-code-change {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.035);
      }
      .ora-code-chat { padding: 14px; }
      .ora-code-chat b,
      .ora-code-change b {
        display: block;
        color: var(--fg);
        margin-bottom: 4px;
      }
      .ora-code-chat p { margin: 0; color: var(--fg-dim); }
      .ora-code-change {
        display: grid;
        grid-template-columns: 34px 1fr;
        gap: 12px;
        align-items: center;
        padding: 12px;
      }
      .ora-code-change span {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--accent-1), var(--accent-2));
        color: #061018;
        font-weight: 800;
        font-size: 12px;
      }
      .ora-code-change small { color: var(--fg-dim); }
      .ora-code-change.approve {
        border-color: rgba(34, 211, 238, 0.34);
        background: linear-gradient(135deg, rgba(167, 139, 250, 0.14), rgba(34, 211, 238, 0.09));
      }
      @media (max-width: 1100px) {
        .ora-code-showcase { grid-template-columns: 1fr; }
        .ora-code-panel { max-width: 760px; width: 100%; }
      }
      @media (max-width: 640px) {
        .ora-code-points { grid-template-columns: 1fr; }
        .ora-code-bar { flex-direction: column; }
      }
      /* Critical Train ORA live panel layout for production cache safety. */
      .train-ora-showcase {
        display: grid;
        grid-template-columns: minmax(460px, 1fr) minmax(0, 0.95fr);
        gap: 34px;
        align-items: center;
      }
      .train-panel,
      .train-live-panel {
        overflow: hidden;
        border: 1px solid rgba(34, 211, 238, 0.24);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(25, 19, 48, 0.90)),
          radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.16), transparent 34%);
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.08);
      }
      .train-live-panel { padding: 18px; }
      .train-live-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 6px 6px 20px;
      }
      .train-live-kicker,
      .train-live-card > span {
        display: block;
        color: rgba(226, 232, 240, 0.58);
        font-size: 10.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.16em;
      }
      .train-live-hero h3 {
        margin: 8px 0 6px;
        color: #f8fafc;
        font-size: clamp(24px, 4vw, 40px);
        line-height: 1.02;
      }
      .train-live-hero p {
        margin: 0;
        max-width: 42ch;
        color: rgba(226, 232, 240, 0.70);
        line-height: 1.55;
      }
      .train-live-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
        padding: 7px 10px;
        border-radius: 999px;
        color: #a7f3d0;
        background: rgba(16, 185, 129, 0.12);
        border: 1px solid rgba(16, 185, 129, 0.26);
        font-size: 12px;
      }
      .train-live-pill i {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #22c55e;
        box-shadow: 0 0 14px #22c55e;
        animation: train-live-pulse 1.2s ease-in-out infinite;
      }
      .train-live-grid,
      .train-live-bottom {
        display: grid;
        gap: 14px;
      }
      .train-live-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .train-live-bottom {
        grid-template-columns: 1.1fr 0.9fr;
        margin-top: 14px;
      }
      .train-live-card {
        position: relative;
        overflow: hidden;
        min-height: 148px;
        padding: 16px;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,0.10);
        background: rgba(255,255,255,0.035);
      }
      .train-live-card b {
        display: block;
        margin-top: 8px;
        color: #f8fafc;
        font-size: 17px;
      }
      .train-score-ring {
        width: 76px;
        height: 76px;
        margin: 20px auto 0;
        border-radius: 999px;
        display: grid;
        place-items: center;
        background: conic-gradient(#8b5cf6 0 100%, rgba(255,255,255,0.12) 0);
        box-shadow: 0 0 28px rgba(139,92,246,0.36);
      }
      .train-score-ring em {
        width: 56px;
        height: 56px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        background: rgba(15,23,42,0.94);
        color: #fff;
        font-style: normal;
        font-weight: 800;
      }
      .train-score-ring small { display: none; }
      .train-wave {
        position: absolute;
        inset: auto 14px 16px 14px;
        height: 58px;
        border-radius: 12px;
        background: linear-gradient(180deg, rgba(34,211,238,0.06), rgba(34,211,238,0.01));
      }
      .train-wave svg { width: 100%; height: 100%; }
      .train-wave path {
        fill: none;
        stroke: #22d3ee;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-dasharray: 9 7;
        filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.55));
        animation: train-wave-run 1.6s linear infinite;
      }
      .train-compute-bars {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 20px;
        height: 70px;
        display: flex;
        align-items: flex-end;
        gap: 8px;
      }
      .train-compute-bars i {
        flex: 1;
        min-width: 10px;
        border-radius: 7px 7px 2px 2px;
        background: linear-gradient(180deg, #22d3ee, #7c3aed);
        animation: train-bar-bounce 1.2s ease-in-out infinite;
      }
      .train-compute-bars i:nth-child(1) { height: 38%; }
      .train-compute-bars i:nth-child(2) { height: 58%; animation-delay: 80ms; }
      .train-compute-bars i:nth-child(3) { height: 44%; animation-delay: 160ms; }
      .train-compute-bars i:nth-child(4) { height: 70%; animation-delay: 240ms; }
      .train-compute-bars i:nth-child(5) { height: 50%; animation-delay: 320ms; opacity: .35; }
      .train-compute-bars i:nth-child(6) { height: 62%; animation-delay: 400ms; opacity: .28; }
      .train-monitor-row {
        display: grid;
        grid-template-columns: 76px 1fr auto;
        gap: 10px;
        align-items: center;
        margin-top: 16px;
        color: rgba(226,232,240,0.72);
        font-size: 12px;
      }
      .train-monitor-row div {
        height: 10px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(255,255,255,0.10);
      }
      .train-monitor-row i {
        display: block;
        width: var(--w);
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #8b5cf6, #22d3ee);
      }
      .train-forecast b strong {
        color: #8b5cf6;
        font-size: 44px;
        line-height: 1;
      }
      .train-progress {
        height: 12px;
        margin: 18px 0 10px;
        border-radius: 999px;
        overflow: hidden;
        background: rgba(255,255,255,0.10);
      }
      .train-progress i {
        display: block;
        width: 78%;
        height: 100%;
        background: linear-gradient(90deg, #8b5cf6 0 38%, #22d3ee 38% 72%, #f59e0b 72%);
        animation: train-progress-run 1.8s ease-in-out infinite alternate;
      }
      @media (max-width: 1100px) {
        .train-ora-showcase { grid-template-columns: 1fr; }
        .train-panel { max-width: 760px; width: 100%; }
        .train-live-grid,
        .train-live-bottom { grid-template-columns: 1fr; }
      }
      @media (max-width: 640px) {
        .train-live-hero { flex-direction: column; }
        .train-live-card { min-height: 132px; }
        .train-monitor-row { grid-template-columns: 62px 1fr; }
        .train-monitor-row em { grid-column: 2; }
      }
      @keyframes train-live-pulse {
        0%, 100% { opacity: 0.72; transform: scale(1); }
        50% { opacity: 1; transform: scale(1.45); }
      }
      @keyframes train-wave-run { to { stroke-dashoffset: -72; } }
      @keyframes train-bar-bounce {
        0%, 100% { transform: scaleY(0.86); }
        50% { transform: scaleY(1.08); }
      }
      @keyframes train-progress-run {
        from { transform: translateX(-7%); }
        to { transform: translateX(0); }
      }