.ml-hero-glow {
    position: absolute;
    width: 700px; height: 700px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,168,38,0.08) 0%, transparent 70%);
    top: -250px; left: 50%; transform: translateX(-50%);
    pointer-events: none;
}

/* Pipeline Flow */
.pipeline-flow { display: flex; align-items: center; justify-content: center; gap: 0.5rem; flex-wrap: wrap; padding: 2rem 0; }
.pipeline-node { background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; padding: 1rem 1.25rem; text-align: center; transition: all 0.3s; min-width: 120px; }
.pipeline-node:hover { border-color: rgba(232,168,38,0.4); transform: scale(1.04); }
.pipeline-node .node-label { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.3rem; }
.pipeline-node .node-value { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 600; }
.pipeline-arrow { color: var(--text2); flex-shrink: 0; }
.pipeline-arrow svg { display: block; }
.node-lgb .node-label { color: var(--blue); }
.node-lgb { border-color: rgba(96,165,250,0.2); }
.node-xgb .node-label { color: var(--green); }
.node-xgb { border-color: rgba(52,211,153,0.2); }
.node-lr .node-label { color: var(--purple); }
.node-lr { border-color: rgba(167,139,250,0.2); }
.node-stack .node-label, .node-iso .node-label { color: var(--accent); }
.node-stack, .node-iso { border-color: rgba(232,168,38,0.3); background: rgba(232,168,38,0.04); }

/* Feature Families */
.feature-families { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.feature-family { background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; padding: 1.25rem; transition: all 0.3s; }
.feature-family:hover { border-color: rgba(232,168,38,0.3); }
.feature-family h4 { font-size: 0.85rem; font-weight: 700; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.feature-family .family-count { font-size: 0.65rem; font-weight: 800; font-family: 'JetBrains Mono', monospace; background: rgba(232,168,38,0.12); color: var(--accent); padding: 0.15rem 0.4rem; border-radius: 4px; }
.feature-family ul { list-style: none; padding: 0; margin: 0; }
.feature-family li { font-size: 0.75rem; color: var(--text2); padding: 0.2rem 0; font-family: 'JetBrains Mono', monospace; }

/* Validation Timeline */
.validation-timeline { display: flex; align-items: stretch; border-radius: 8px; overflow: hidden; border: 1px solid var(--border); height: 48px; }
.vt-segment { display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; letter-spacing: 0.05em; }
.vt-train { background: rgba(96,165,250,0.15); color: var(--blue); flex: 3; }
.vt-embargo { background: rgba(248,113,113,0.12); color: var(--red); flex: 0.3; font-size: 0.55rem; }
.vt-cal { background: rgba(167,139,250,0.15); color: var(--purple); flex: 1; }
.vt-stack { background: rgba(232,168,38,0.15); color: var(--accent); flex: 1; }
.vt-test { background: rgba(52,211,153,0.15); color: var(--green); flex: 1; }

/* Regime Cards */
.regime-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.regime-card { background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; padding: 1.25rem; text-align: center; transition: all 0.3s; }
.regime-card:hover { transform: scale(1.03); }
.regime-card .regime-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem; }
.regime-card h4 { font-size: 0.9rem; font-weight: 700; margin-bottom: 0.25rem; }
.regime-card .regime-desc { font-size: 0.75rem; color: var(--text2); line-height: 1.5; }
.regime-card .regime-kelly { margin-top: 0.6rem; font-size: 0.7rem; font-family: 'JetBrains Mono', monospace; font-weight: 600; }
.regime-trending { border-color: rgba(96,165,250,0.3); }
.regime-trending .regime-icon { background: rgba(96,165,250,0.12); }
.regime-trending .regime-kelly { color: var(--blue); }
.regime-reverting { border-color: rgba(167,139,250,0.3); }
.regime-reverting .regime-icon { background: rgba(167,139,250,0.12); }
.regime-reverting .regime-kelly { color: var(--purple); }
.regime-volatile { border-color: rgba(248,113,113,0.3); }
.regime-volatile .regime-icon { background: rgba(248,113,113,0.12); }
.regime-volatile .regime-kelly { color: var(--red); }
.regime-quiet { border-color: rgba(52,211,153,0.3); }
.regime-quiet .regime-icon { background: rgba(52,211,153,0.12); }
.regime-quiet .regime-kelly { color: var(--green); }

/* Monitoring pulse */
.monitor-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); font-size: 0.78rem; }
.monitor-row:last-child { border-bottom: none; }
.monitor-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.monitor-dot.green { background: var(--green); box-shadow: 0 0 6px rgba(52,211,153,0.5); }
.monitor-dot.yellow { background: var(--accent); box-shadow: 0 0 6px rgba(232,168,38,0.5); }
.monitor-dot.red { background: var(--red); box-shadow: 0 0 6px rgba(248,113,113,0.5); }
.monitor-label { color: var(--text2); flex: 1; }
.monitor-value { font-family: 'JetBrains Mono', monospace; font-weight: 600; }
.ml-dot-accent { background: var(--accent); }
.code-block-wide-680 { max-width: min(680px, 100%); margin: 2rem auto 0; text-align: left; }
.code-block-wide-600 { max-width: min(600px, 100%); margin: 2rem auto 0; text-align: left; }
.temporal-layout-title { font-size: 0.75rem; color: var(--text2); margin-bottom: 0.5rem; font-weight: 600; }
.monitor-panel { margin-top: 1.5rem; background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; padding: 1.25rem; }
.monitor-panel-title { font-size: 0.75rem; font-weight: 700; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
.stats-grid-four { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 768px) {
    .pipeline-flow { flex-direction: column; }
    .pipeline-arrow { transform: rotate(90deg); }
    .regime-grid { grid-template-columns: 1fr 1fr; }
    .feature-families { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .regime-grid { grid-template-columns: 1fr; }
}