:root { color-scheme: dark; --ink:#f4f3ed; --muted:#a7aea9; --line:#30403c; --panel:#111c1a; --accent:#b9f36b; --blue:#74d4f5; --bg:#07100f; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 75% 0,#19332c 0,transparent 38rem),var(--bg); color:var(--ink); line-height:1.55; }
a { color:inherit; }
a:focus-visible, button:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.skip { position:absolute; left:-9999px; } .skip:focus { left:1rem; top:1rem; z-index:9; background:var(--ink); color:var(--bg); padding:.7rem; }
.wrap { width:min(1120px,calc(100% - 2rem)); margin:auto; }
header { position:sticky; top:0; z-index:5; border-bottom:1px solid var(--line); background:#07100fe8; backdrop-filter:blur(14px); }
nav { min-height:4rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { font-weight:800; letter-spacing:.16em; text-decoration:none; min-height:2.75rem; display:inline-flex; align-items:center; }.navlinks { display:flex; flex-wrap:wrap; gap:1rem; font-size:.9rem; }.navlinks a { color:var(--muted); text-decoration:none; min-height:2.75rem; display:inline-flex; align-items:center; }.navlinks a:hover { color:var(--ink); }
.locale { display:inline-flex; align-items:center; gap:.35rem; min-height:2.75rem; padding-left:.8rem; border-left:1px solid var(--line); color:var(--muted); }.locale strong { color:var(--ink); }.locale a { min-height:auto; }
.boundary { padding:.65rem 1rem; background:#18251e; border-bottom:1px solid #3d573c; color:#dbeacb; font-size:.83rem; text-align:center; }
.hero { padding:7rem 0 5rem; }.eyebrow,.badge { color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:750; }
h1 { max-width:850px; font-size:clamp(3rem,8vw,6.6rem); line-height:.9; letter-spacing:-.06em; margin:.4rem 0 2rem; }
h2 { font-size:clamp(2rem,5vw,3.6rem); letter-spacing:-.04em; line-height:1; margin:.4rem 0 1rem; }
h3 { margin:.25rem 0 .5rem; }.lede { max-width:720px; font-size:1.2rem; color:#c5cbc7; }.actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-top:2rem; }
.button { display:inline-block; border:1px solid var(--accent); border-radius:999px; padding:.7rem 1rem; text-decoration:none; font-weight:700; }.button.primary { background:var(--accent); color:#10200f; }
.pipeline,.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.pipeline { margin-top:4rem; }.step { border-top:1px solid var(--line); padding-top:1rem; }.step strong { display:block; font-size:1.15rem; }.step span { color:var(--muted); font-size:.88rem; }
section { padding:5rem 0; border-top:1px solid var(--line); }.section-head { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:2rem; }.section-head p { color:var(--muted); margin:0; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.card { background:linear-gradient(145deg,#13211e,#0d1715); border:1px solid var(--line); border-radius:14px; padding:1.25rem; min-width:0; }.card p { color:var(--muted); }.meta { border-top:1px solid var(--line); margin-top:1rem; padding-top:.8rem; color:var(--muted); font-size:.78rem; }.metric { font-size:2rem; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }.unit { color:var(--muted); font-size:.8rem; }.disclosure { color:#e5d98b!important; font-size:.82rem; }
.method-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:1rem; }.method-flow div { padding:1rem; border:1px solid var(--line); border-radius:10px; }.method-flow span { color:var(--accent); }
table { width:100%; border-collapse:collapse; font-size:.9rem; } th,td { text-align:left; vertical-align:top; border-bottom:1px solid var(--line); padding:1rem .6rem; } th { color:var(--accent); }
footer { padding:4rem 0; color:var(--muted); border-top:1px solid var(--line); }.error { color:#ffb4a7; border:1px solid #81483e; padding:1rem; }
.product-hero { padding-bottom:3rem; }.compact-hero { padding-bottom:3.5rem; }.product-list { display:grid; gap:1.5rem; }.product-card { display:grid; grid-template-columns:1.2fr .8fr; min-height:360px; border:1px solid var(--line); border-radius:28px; overflow:hidden; background:linear-gradient(135deg,#13221f,#091210); }.product-copy { padding:2.4rem; }.product-copy h2 { margin-top:.3rem; }.product-copy>p { color:var(--muted); max-width:650px; }.product-chart { display:flex; flex-direction:column; justify-content:center; padding:2rem; background:radial-gradient(circle at 50% 50%,#234435,transparent 65%); color:var(--muted); font-size:.75rem; }.spark { width:100%; }.spark polyline { fill:none; stroke:var(--accent); stroke-width:2.5; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 5px #b9f36b88); }.product-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin:1.5rem 0; }.product-metrics div { border-top:1px solid var(--line); padding-top:.7rem; }.product-metrics span,.product-metrics strong { display:block; }.product-metrics span { color:var(--muted); font-size:.75rem; }.product-metrics strong { margin-top:.25rem; }
.status-row { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2rem; }.status-row span { border:1px solid var(--line); border-radius:999px; padding:.45rem .75rem; color:var(--muted); font-size:.78rem; }.status-row strong { color:var(--ink); margin-right:.3rem; }.flow { display:flex; align-items:center; gap:.4rem; overflow-x:auto; padding:1rem 0 1.5rem; }.flow-node { flex:0 0 145px; min-height:112px; border:1px solid var(--line); border-radius:14px; padding:1rem; background:var(--panel); }.flow-node span,.flow-node small,.flow-node strong { display:block; }.flow-node span,.flow-node small { color:var(--muted); font-size:.7rem; text-transform:uppercase; }.flow-node strong { margin:.75rem 0 .35rem; }.flow-node.passed { border-color:#527946; }.flow-node.warning { border-color:#8a7341; }.flow-node.active { border-color:#42768a; }.flow-beam { flex:0 0 44px; height:2px; background:linear-gradient(90deg,var(--blue),var(--accent)); box-shadow:0 0 10px #74d4f599; position:relative; }.flow-beam::after { content:""; position:absolute; right:0; top:-3px; border-left:7px solid var(--accent); border-top:4px solid transparent; border-bottom:4px solid transparent; }
.lab-shell { display:grid; grid-template-columns:minmax(0,1fr) 270px; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#091311; }.surface-stage { position:relative; min-width:0; padding:1rem; background:radial-gradient(circle at 55% 45%,#17372e,transparent 60%); }.surface-stage svg { width:100%; min-height:430px; }.axis { stroke:#53645f; stroke-width:1; }.surface-stage text { fill:var(--muted); font-size:12px; }.surface-line { fill:none; stroke-width:2; vector-effect:non-scaling-stroke; }.surface-line.current { stroke:#749b91; opacity:.72; }.surface-line.forecast { stroke:var(--accent); stroke-dasharray:7 5; filter:drop-shadow(0 0 4px #b9f36b88); }.surface-legend { display:flex; gap:1rem; color:var(--muted); font-size:.76rem; }.surface-legend span::before { content:""; display:inline-block; width:24px; border-top:2px solid #749b91; margin-right:.4rem; vertical-align:middle; }.surface-legend .legend-forecast::before { border-color:var(--accent); border-top-style:dashed; }.surface-caption { position:absolute; left:1.5rem; bottom:1rem; display:flex; gap:1rem; align-items:center; }.surface-caption span { color:var(--muted); font-size:.8rem; }.lab-controls { border-left:1px solid var(--line); padding:1.4rem; background:#0d1816; }.lab-control { display:block; margin:1.1rem 0; font-size:.82rem; }.lab-control input { display:block; width:100%; accent-color:var(--accent); }.lab-control span { color:var(--muted); font-size:.72rem; }.sandbox-note { border-top:1px solid var(--line); padding-top:1rem; margin-top:1.4rem; }.sandbox-note p { color:var(--muted); font-size:.78rem; }.comparison { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
@media (max-width:800px) { .cards { grid-template-columns:repeat(2,1fr); }.grid,.pipeline { grid-template-columns:repeat(2,1fr); }.section-head { grid-template-columns:1fr; }.navlinks a[href^="#"] { display:none; } }
@media (max-width:800px) { .product-card,.lab-shell { grid-template-columns:1fr; }.product-metrics { grid-template-columns:repeat(2,1fr); }.lab-controls { border-left:0; border-top:1px solid var(--line); }.comparison { grid-template-columns:1fr; } }
@media (max-width:520px) { .hero { padding-top:4rem; }.cards,.grid,.pipeline { grid-template-columns:1fr; }.method-flow { grid-template-columns:1fr; }.method-flow>span { transform:rotate(90deg); justify-self:center; } .navlinks { gap:.6rem; }.locale { padding-left:.5rem; } table { display:block; overflow-x:auto; }.product-copy { padding:1.4rem; }.product-chart { padding:1.2rem; }.surface-stage svg { min-height:320px; }.flow-node { flex-basis:125px; } }
.performance-section { padding-top:1rem; }.performance-products { display:grid; gap:2rem; }.performance-product { border:1px solid var(--line); border-radius:28px; overflow:hidden; background:linear-gradient(145deg,#12221e,#081210); box-shadow:0 30px 90px #0004; }.performance-top { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; padding:2.3rem 2.3rem 1.5rem; }.performance-top h2 { margin-bottom:.6rem; }.performance-top p { color:var(--muted); margin:.25rem 0; }.segmented { display:inline-flex; flex:0 0 auto; padding:4px; border:1px solid var(--line); border-radius:999px; background:#07100f; }.segmented button { appearance:none; border:0; border-radius:999px; background:transparent; color:var(--muted); padding:.65rem .95rem; font:inherit; font-size:.8rem; font-weight:700; cursor:pointer; }.segmented button[aria-pressed="true"] { background:var(--ink); color:#10200f; box-shadow:0 4px 18px #0005; }.period-chip { border:1px solid var(--line); border-radius:999px; padding:.65rem .95rem; color:var(--muted); font-size:.8rem; }.performance-body { padding:0 2.3rem 2.3rem; }.performance-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:1rem 0 1.5rem; border:1px solid var(--line); background:var(--line); border-radius:14px; overflow:hidden; }.performance-metrics div { padding:1rem 1.1rem; background:#0c1715; }.performance-metrics span,.performance-metrics strong { display:block; }.performance-metrics span { color:var(--muted); font-size:.75rem; }.performance-metrics strong { margin-top:.3rem; font-size:1.35rem; font-variant-numeric:tabular-nums; }.performance-charts { display:grid; grid-template-columns:1.55fr 1fr; gap:1rem; }.performance-chart { min-width:0; padding:1rem; border:1px solid var(--line); border-radius:14px; background:#091311; }.chart-head { display:flex; justify-content:space-between; gap:1rem; color:var(--muted); font-size:.72rem; }.chart-head strong { color:var(--ink); font-size:.85rem; }.performance-chart svg { width:100%; margin-top:.5rem; overflow:visible; }.chart-grid { stroke:#31413d; stroke-width:1; }.strategy-path,.spy-path { fill:none; vector-effect:non-scaling-stroke; }.strategy-path { stroke:var(--accent); stroke-width:2.4; filter:drop-shadow(0 0 4px #b9f36b77); }.spy-path { stroke:var(--blue); stroke-width:1.4; opacity:.82; }.live-boundary { stroke:#e5d98b; stroke-width:1.2; stroke-dasharray:5 5; vector-effect:non-scaling-stroke; }.boundary-label { fill:#e5d98b; font-size:15px; }.chart-legend { display:flex; flex-wrap:wrap; gap:1rem; color:var(--muted); font-size:.7rem; }.chart-legend span::before { content:""; display:inline-block; width:20px; margin-right:.35rem; vertical-align:middle; border-top:2px solid var(--accent); }.chart-legend .legend-spy::before { border-color:var(--blue); }.chart-legend .legend-boundary::before { border-color:#e5d98b; border-top-style:dashed; }.performance-meta { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; margin-top:1rem; color:var(--muted); font-size:.72rem; }.performance-meta strong { color:var(--ink); }.performance-product[data-mode="full"] .strategy-path { stroke:#d4dc9a; }
@media (max-width:800px) { .performance-top { flex-direction:column; }.performance-charts { grid-template-columns:1fr; }.performance-metrics { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .performance-top { padding:1.4rem 1.4rem 1rem; }.performance-body { padding:0 1.4rem 1.4rem; }.segmented { width:100%; }.segmented button { flex:1; padding:.6rem .5rem; }.performance-metrics strong { font-size:1.05rem; }.chart-head { flex-direction:column; gap:.2rem; } }
.backtest-path { fill:none; stroke:#82908a; stroke-width:1.7; vector-effect:non-scaling-stroke; }.chart-legend .legend-backtest::before { border-color:#82908a; }.performance-details { margin-top:1.2rem; border-top:1px solid var(--line); }.performance-details summary { cursor:pointer; padding:1rem 0; color:var(--accent); font-size:.82rem; font-weight:700; }.performance-details summary::marker { color:var(--muted); }.detail-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--line); }.detail-summary div { padding:.85rem; background:#0c1715; }.detail-summary span,.detail-summary strong { display:block; }.detail-summary span { color:var(--muted); font-size:.7rem; }.detail-summary strong { margin-top:.25rem; font-size:.84rem; }.detail-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1rem; margin-top:1.2rem; }.detail-grid>div { min-width:0; border:1px solid var(--line); border-radius:12px; padding:1rem; background:#091311; }.detail-grid h3 { font-size:.86rem; margin:0 0 .8rem; }.monthly-wrap { overflow-x:auto; }.monthly-heatmap { min-width:620px; table-layout:fixed; font-size:.68rem; text-align:center; }.monthly-heatmap th,.monthly-heatmap td { padding:.55rem .25rem; text-align:center; }.monthly-heatmap td { color:var(--ink); font-variant-numeric:tabular-nums; }.rolling-chart svg { width:100%; }.rolling-return-path,.rolling-vol-path { fill:none; vector-effect:non-scaling-stroke; }.rolling-return-path { stroke:var(--accent); stroke-width:2; }.rolling-vol-path { stroke:var(--blue); stroke-width:1.7; }.chart-legend .legend-rolling-return::before { border-color:var(--accent); }.chart-legend .legend-rolling-vol::before { border-color:var(--blue); }
@media (max-width:800px) { .detail-grid { grid-template-columns:1fr; }.detail-summary { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .detail-summary { grid-template-columns:1fr; } }
.monthly-panel { margin-top:1.2rem; border:1px solid var(--line); border-radius:12px; padding:1rem; background:#091311; }.monthly-panel h3,.quant-panel h3,.rolling-panel h3 { font-size:.86rem; margin:0 0 .8rem; }.monthly-wrap { overflow:visible; }.monthly-heatmap { width:100%; min-width:0; table-layout:fixed; }.monthly-heatmap th,.monthly-heatmap td { padding:.55rem .12rem; font-size:.64rem; }.monthly-heatmap th:first-child { width:4rem; }.detail-lower { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }.quant-panel,.rolling-panel { min-width:0; border:1px solid var(--line); border-radius:12px; padding:1rem; background:#091311; }.quant-panel>p { color:var(--muted); font-size:.68rem; margin:-.35rem 0 .6rem; }.quant-table { font-size:.72rem; }.quant-table th,.quant-table td { padding:.5rem .35rem; }.quant-table th:not(:first-child),.quant-table td { text-align:right; font-variant-numeric:tabular-nums; }.relative-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:.8rem; background:var(--line); border:1px solid var(--line); border-radius:9px; overflow:hidden; }.relative-metrics div { background:#0d1816; padding:.65rem .5rem; }.relative-metrics span,.relative-metrics strong { display:block; }.relative-metrics span { color:var(--muted); font-size:.62rem; }.relative-metrics strong { margin-top:.2rem; font-size:.82rem; font-variant-numeric:tabular-nums; }
@media (max-width:800px) { .detail-lower { grid-template-columns:1fr; } }
@media (max-width:520px) { .monthly-panel { padding:.65rem .35rem; }.monthly-heatmap th,.monthly-heatmap td { padding:.45rem .04rem; font-size:.55rem; }.monthly-heatmap th:first-child { width:2.6rem; }.relative-metrics { grid-template-columns:repeat(2,1fr); } }
.performance-charts { grid-template-columns:1fr; }.performance-charts>.performance-chart svg { max-height:360px; }.detail-charts { display:grid; align-content:start; gap:1rem; min-width:0; }.detail-charts>.performance-chart,.detail-charts>.rolling-panel { width:100%; }.detail-charts .performance-chart svg { max-height:210px; }.rolling-panel { min-width:0; border:1px solid var(--line); border-radius:12px; padding:1rem; background:#091311; }
.system-section { padding-top:1rem; }.system-map { position:relative; display:grid; grid-template-columns:1.15fr 1.05fr .9fr 1fr; gap:3rem; min-height:560px; padding:1.5rem; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 50% 45%,#17372e88,transparent 55%),#081210; overflow:hidden; }.system-beams { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; }.system-beam { fill:none; stroke:var(--accent); stroke-width:2; stroke-dasharray:6 9; opacity:.72; animation:beam-flow 1.6s linear infinite; filter:drop-shadow(0 0 5px #b9f36b99); }.system-beam.warning { stroke:#e5d98b; filter:drop-shadow(0 0 5px #e5d98b88); }.system-column { position:relative; z-index:2; min-width:0; }.column-label { color:var(--muted); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:1rem; }.system-stack { display:grid; gap:.85rem; }.system-node { width:100%; min-height:92px; border:1px solid var(--line); border-radius:13px; padding:.85rem; text-align:left; color:var(--ink); background:#0d1816f2; font:inherit; transition:opacity .2s,border-color .2s,transform .2s; }.system-node span,.system-node strong,.system-node small { display:block; }.system-node span { color:var(--muted); font-size:.58rem; letter-spacing:.1em; }.system-node strong { margin:.45rem 0 .25rem; font-size:.88rem; }.system-node small { color:var(--muted); font-size:.66rem; }.system-node[data-model] { cursor:pointer; }.system-node[data-model]:hover,.system-node[data-model][aria-pressed="true"] { border-color:var(--accent); transform:translateY(-2px); box-shadow:0 0 22px #b9f36b22; }.system-node.unrelated { opacity:.3; }.system-node.state-passed { border-color:#527946; }.system-node.state-warning { border-color:#8a7341; }.system-node.state-active { border-color:#42768a; }.system-node.state-blocked { border-color:#81483e; }.risk-stack { margin-top:2rem; }.risk-stack .system-node { min-height:64px; }.decision-column { display:flex; flex-direction:column; }.decision-node { margin:auto 0; min-height:190px; display:flex; flex-direction:column; justify-content:center; }.decision-node strong { font-size:1rem; }.system-actions { display:flex; align-items:center; gap:1rem; margin-top:1rem; }.system-actions p { color:var(--muted); font-size:.75rem; }.system-hero h1 { max-width:1000px; font-size:clamp(3rem,7vw,6rem); }
.model-explorer { display:block; margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--line); }.model-explorer-head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:1rem; margin-bottom:1rem; }.model-explorer-head span { color:var(--accent); font-size:.6rem; letter-spacing:.13em; }.model-explorer-head h2 { margin:.3rem 0 0; font-size:clamp(1.5rem,3vw,2.2rem); }.model-explorer-head p { margin:0; color:var(--muted); font-size:.78rem; }.model-explorer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.model-explorer-card { position:relative; min-width:0; min-height:145px; padding:1.15rem; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,#10211d,#091311); color:var(--ink); text-decoration:none; transition:border-color .2s,transform .2s,box-shadow .2s; }.model-explorer-card:hover,.model-explorer-card:focus-visible { border-color:var(--accent); transform:translateY(-3px); box-shadow:0 12px 35px #0005,0 0 22px #b9f36b18; }.model-explorer-card span,.model-explorer-card strong,.model-explorer-card small { display:block; }.model-explorer-card span { color:var(--accent); font-size:.62rem; letter-spacing:.1em; }.model-explorer-card strong { margin-top:1.25rem; font-size:.95rem; }.model-explorer-card small { margin-top:.4rem; padding-right:1.5rem; color:var(--muted); font-size:.66rem; }.model-explorer-card b { position:absolute; right:1rem; bottom:.85rem; color:var(--accent); font-size:1rem; }
@keyframes beam-flow { to { stroke-dashoffset:-30; } }
@media (max-width:900px) { .system-map { grid-template-columns:1fr 1fr; gap:2rem; }.system-beams { display:none; }.risk-stack { margin-top:0; }.decision-node { margin:0; }.system-actions { align-items:flex-start; flex-direction:column; }.model-explorer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .system-map { grid-template-columns:1fr; padding:1rem; }.system-node.unrelated { display:none; }.model-explorer-head,.model-explorer-grid { grid-template-columns:1fr; }.model-explorer-card { min-height:125px; } }
.model-hero h1 { font-size:clamp(3rem,7vw,6rem); }.model-lab-section { padding-top:1rem; }.model-toolbar { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:1rem; }.layer-toggles { display:flex; flex-wrap:wrap; gap:.5rem; }.layer-toggle { display:inline-flex; align-items:center; gap:.45rem; border:1px solid var(--line); border-radius:999px; padding:.5rem .75rem; color:var(--muted); font-size:.7rem; cursor:pointer; }.layer-toggle input { accent-color:var(--accent); }.layer-toggle:has(input:checked) { color:var(--ink); background:#13211e; }.view-switch { display:flex; border:1px solid var(--line); padding:3px; border-radius:999px; background:#07100f; }.view-switch button { border:0; border-radius:999px; padding:.5rem .7rem; color:var(--muted); background:transparent; font:inherit; font-size:.68rem; cursor:pointer; }.view-switch button[aria-pressed="true"] { color:#10200f; background:var(--ink); }.model-workbench { display:grid; grid-template-columns:minmax(0,1fr) 310px; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#081210; }.model-stage { position:relative; min-width:0; min-height:540px; display:flex; align-items:center; background:radial-gradient(circle at 50% 45%,#1b4035,transparent 62%); }.model-stage>svg { width:100%; }.axis,.slice-axis { stroke:#40534d; stroke-width:1; }.axis-title,.axis-tick { fill:var(--muted); font-size:11px; }.model-surface { fill:none; vector-effect:non-scaling-stroke; }.model-surface.current { stroke:#7f9f98; stroke-width:1.55; opacity:.8; }.model-surface.forecast { stroke:var(--accent); stroke-width:2; stroke-dasharray:7 5; filter:drop-shadow(0 0 4px #b9f36b88); }.model-surface.equilibrium { stroke:#d7bd72; stroke-width:1.35; opacity:.62; }.diff-point { opacity:.72; }.diff-point.positive { fill:var(--accent); }.diff-point.negative { fill:#ff7d6e; }.model-controls { padding:1.35rem; border-left:1px solid var(--line); background:#0d1816; }.control-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); padding-bottom:.8rem; }.control-head span,.slice-head span { color:var(--accent); font-size:.58rem; letter-spacing:.12em; }.control-head h2,.slice-head h2 { font-size:1.2rem; margin:.2rem 0 0; }.control-head>strong { color:var(--muted); font-size:.7rem; }.model-controls .lab-control { position:relative; margin:.95rem 0; }.model-controls .lab-control output { float:right; color:var(--ink); font-size:.7rem; font-variant-numeric:tabular-nums; }.model-controls .lab-control input { margin-top:.4rem; }.model-diagnostics { display:grid; grid-template-columns:repeat(4,1fr) 1.35fr; gap:1px; margin-top:1rem; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--line); }.model-diagnostics article { padding:.8rem; background:#0c1715; }.model-diagnostics span,.model-diagnostics strong { display:block; }.model-diagnostics span { color:var(--muted); font-size:.62rem; }.model-diagnostics strong { margin-top:.25rem; font-size:.9rem; font-variant-numeric:tabular-nums; }.model-diagnostics .consistency strong { color:var(--accent); font-size:.72rem; }.slice-panel { margin-top:1rem; border:1px solid var(--line); border-radius:16px; padding:1.1rem; background:#091311; }.slice-head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }.slice-legend { display:flex; flex-wrap:wrap; gap:1rem; color:var(--muted); font-size:.65rem; }.slice-legend span::before { content:""; display:inline-block; width:18px; border-top:2px solid; margin-right:.35rem; vertical-align:middle; }.slice-legend .current::before { border-color:#7f9f98; }.slice-legend .forecast::before { border-color:var(--accent); }.slice-legend .equilibrium::before { border-color:#d7bd72; }.slice-panel svg { display:block; width:min(760px,100%); margin:0 auto; }.slice-current,.slice-forecast,.slice-equilibrium { fill:none; vector-effect:non-scaling-stroke; }.slice-current { stroke:#7f9f98; stroke-width:2; }.slice-forecast { stroke:var(--accent); stroke-width:2.4; filter:drop-shadow(0 0 3px #b9f36b77); }.slice-equilibrium { stroke:#d7bd72; stroke-width:1.7; }.slice-current-dot { fill:#7f9f98; }.slice-forecast-dot { fill:var(--accent); }.slice-equilibrium-dot { fill:#d7bd72; }.model-lab-section .sandbox-note { max-width:none; border:1px solid var(--line); border-left:3px solid #d7bd72; border-radius:10px; padding:.9rem; }.model-lab-section .sandbox-note p { margin:.25rem 0 0; }
@media (max-width:900px) { .model-workbench { grid-template-columns:1fr; }.model-stage { min-height:430px; }.model-controls { border-left:0; border-top:1px solid var(--line); }.model-diagnostics { grid-template-columns:repeat(2,1fr); }.model-diagnostics .consistency { grid-column:span 2; } }
@media (max-width:620px) { .model-toolbar,.slice-head { align-items:flex-start; flex-direction:column; }.view-switch { width:100%; }.view-switch button { flex:1; }.model-stage { min-height:320px; }.model-diagnostics { grid-template-columns:1fr 1fr; }.layer-toggle { padding:.45rem .55rem; }.surface-caption { left:1rem; }.axis-title { display:none; } }
.surface-plot { width:100%; height:540px; min-width:0; }.surface-caption { z-index:3; pointer-events:none; }.surface-caption small { display:block; max-width:430px; color:var(--muted); font-size:.62rem; }.model-stage .modebar { right:10px!important; top:10px!important; }.model-stage .modebar-btn path { fill:#a7aea9!important; }.model-stage .modebar-group { background:#0d1816cc!important; }.model-stage .svg-container { border-radius:0; }
@media (max-width:900px) { .surface-plot { height:430px; } }
@media (max-width:620px) { .surface-plot { height:340px; }.surface-caption small { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.system-beam { animation:none; } }

/* Conditional volatility forecast model view */
.forecast-section { padding-top:1rem; }.forecast-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.forecast-toolbar h2,.architecture-head h2 { margin:.3rem 0 0; font-size:clamp(1.35rem,2.5vw,2rem); }.model-kicker { color:var(--accent); font-size:.62rem; letter-spacing:.14em; }.forecast-workbench { display:grid; grid-template-columns:minmax(0,1fr) 290px; border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#081210; box-shadow:0 30px 90px #0004; }.forecast-stage { position:relative; min-width:0; min-height:520px; display:flex; align-items:center; background:radial-gradient(circle at 61% 42%,#1a4035,transparent 54%),linear-gradient(145deg,#0d1b18,#07100f); overflow:hidden; }.forecast-stage::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 45%,#b9f36b08 52%,transparent 63%); animation:forecast-scan 6s ease-in-out infinite; }.forecast-stage svg { position:relative; z-index:1; display:block; width:100%; }.forecast-grid path { fill:none; stroke:#40534d; stroke-width:1; opacity:.55; }.forecast-axis text,.forecast-legend text,.now-label { fill:var(--muted); font-size:11px; letter-spacing:.06em; }.observed-vol-path,.realized-vol-path,.forecast-median,.legend-forecast-line { fill:none; vector-effect:non-scaling-stroke; }.observed-vol-path { stroke:var(--accent); stroke-width:2.6; filter:url(#forecastGlow); }.realized-vol-path { stroke:var(--blue); stroke-width:1.7; opacity:.75; }.forecast-horizon { opacity:0; pointer-events:none; transition:opacity .35s ease; }.forecast-horizon.active { opacity:1; }.forecast-band { stroke:none; }.forecast-band.band-80 { fill:url(#band80); }.forecast-band.band-50 { fill:url(#band50); }.forecast-median { stroke:var(--accent); stroke-width:2.5; stroke-dasharray:8 6; filter:url(#forecastGlow); animation:forecast-dash 2s linear infinite; }.now-line { stroke:#e5d98b; stroke-width:1.2; stroke-dasharray:4 5; opacity:.8; }.now-node { fill:#e5d98b; filter:url(#forecastGlow); }.legend-iv { fill:var(--accent); }.legend-rv { fill:var(--blue); }.legend-forecast-line { stroke:var(--accent); stroke-width:2; stroke-dasharray:5 3; }.forecast-stage-note { position:absolute; z-index:2; left:1.4rem; bottom:1.2rem; display:grid; gap:.2rem; max-width:390px; }.forecast-stage-note strong { font-size:.72rem; }.forecast-stage-note span { color:var(--muted); font-size:.64rem; }.forecast-metrics { border-left:1px solid var(--line); padding:1.35rem; background:#0d1816; }.forecast-metrics article { padding:1rem 0; border-bottom:1px solid var(--line); }.forecast-metrics article span,.metric-boundary span { display:block; color:var(--muted); font-size:.65rem; letter-spacing:.05em; }.forecast-metrics article strong { display:block; margin-top:.3rem; font-size:1.16rem; font-variant-numeric:tabular-nums; }.metric-boundary { margin-top:1rem; padding:1rem; border:1px solid #405e56; border-radius:11px; background:#10221d; }.metric-boundary p { margin:.4rem 0 0; color:var(--muted); font-size:.72rem; line-height:1.55; }.model-architecture { margin-top:1.25rem; padding:1.5rem; border:1px solid var(--line); border-radius:20px; background:radial-gradient(circle at 52% 65%,#17372e55,transparent 45%),#091311; }.architecture-head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:.2rem 2rem; }.architecture-head .model-kicker { grid-column:1/-1; }.architecture-head p { margin:0; color:var(--muted); font-size:.75rem; }.architecture-flow { display:grid; grid-template-columns:1.18fr auto 1fr auto 1fr auto 1fr auto 1.12fr; align-items:stretch; gap:.55rem; margin-top:1.4rem; }.architecture-block { position:relative; min-width:0; min-height:180px; padding:1rem; border:1px solid #31453f; border-radius:14px; background:#0c1816cc; overflow:hidden; }.architecture-block>span { display:block; color:var(--muted); font-size:.52rem; letter-spacing:.08em; }.architecture-block>strong { display:block; margin-top:.35rem; font-size:.82rem; }.architecture-arrow { align-self:center; color:var(--accent); opacity:.6; }.input-pills { display:grid; gap:.32rem; margin-top:1rem; }.input-pills i { padding:.35rem .45rem; border-left:2px solid var(--accent); background:#13241f; color:var(--muted); font-size:.58rem; font-style:normal; }.layer-stack { position:absolute; inset:70px 25px 22px; perspective:180px; }.layer-stack i { position:absolute; inset:0; border:1px solid #6d968a; border-radius:5px; transform:translate(calc(var(--n)*7px),calc(var(--n)*-7px)); opacity:calc(.85 - var(--n)*.12); }.layer-stack i:nth-child(1){--n:0}.layer-stack i:nth-child(2){--n:1}.layer-stack i:nth-child(3){--n:2}.layer-stack i:nth-child(4){--n:3}.latent-orbit { position:absolute; width:92px; height:92px; left:50%; top:62%; transform:translate(-50%,-50%); border:1px solid #b9f36b77; border-radius:50%; box-shadow:0 0 35px #b9f36b16,inset 0 0 25px #b9f36b0d; }.latent-orbit::after { content:""; position:absolute; width:18px; height:18px; left:36px; top:36px; border-radius:50%; background:var(--accent); box-shadow:0 0 18px #b9f36baa; }.latent-orbit i { position:absolute; inset:12px -12px; border:1px solid #74d4f555; border-radius:50%; transform:rotate(calc(var(--n)*60deg)); }.latent-orbit i:nth-child(1){--n:0}.latent-orbit i:nth-child(2){--n:1}.latent-orbit i:nth-child(3){--n:2}.decoder-rays { position:absolute; inset:82px 18px 22px; }.decoder-rays i { position:absolute; left:5%; top:50%; width:90%; height:1px; background:linear-gradient(90deg,#b9f36b22,#b9f36bbb); transform-origin:left; transform:rotate(calc((var(--n) - 1)*18deg)); }.decoder-rays i::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-radius:50%; background:var(--accent); }.decoder-rays i:nth-child(1){--n:0}.decoder-rays i:nth-child(2){--n:1}.decoder-rays i:nth-child(3){--n:2}.output-fan { position:absolute; inset:73px 18px 20px; }.output-fan i { position:absolute; left:5%; top:45%; width:90%; height:42%; border-top:1px solid #b9f36b88; border-radius:50%; transform:scaleY(var(--scale)); }.output-fan i:nth-child(1){--scale:.45}.output-fan i:nth-child(2){--scale:.8}.output-fan i:nth-child(3){--scale:1.2}.forecast-uses { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1rem; }.forecast-uses article { padding:1.25rem; border:1px solid var(--line); border-radius:14px; background:#0b1614; }.forecast-uses span { color:var(--accent); font-size:.58rem; letter-spacing:.11em; }.forecast-uses h3 { margin:.45rem 0; font-size:1rem; }.forecast-uses p { margin:0; color:var(--muted); font-size:.74rem; }.forecast-disclosure { margin-top:1rem!important; }.forecast-disclosure strong { font-size:.78rem; }
@keyframes forecast-dash { to { stroke-dashoffset:-28; } } @keyframes forecast-scan { 0%,100% { transform:translateX(-25%); opacity:.2; } 50% { transform:translateX(25%); opacity:1; } }
@media (max-width:900px) { .forecast-workbench { grid-template-columns:1fr; }.forecast-stage { min-height:430px; }.forecast-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:0 1rem; border-left:0; border-top:1px solid var(--line); }.forecast-metrics .control-head,.forecast-metrics .metric-boundary { grid-column:1/-1; }.architecture-head { grid-template-columns:1fr; }.architecture-head p { margin-top:.4rem; }.architecture-flow { grid-template-columns:1fr; }.architecture-arrow { justify-self:center; transform:rotate(90deg); }.architecture-block { min-height:125px; }.layer-stack { left:50%; width:120px; transform:translateX(-50%); }.forecast-uses { grid-template-columns:1fr; } }
@media (max-width:620px) { .forecast-toolbar { align-items:flex-start; flex-direction:column; }.forecast-stage { min-height:320px; }.forecast-stage-note { left:1rem; bottom:.8rem; max-width:260px; }.forecast-stage-note span { display:none; }.forecast-metrics { grid-template-columns:1fr 1fr; padding:1rem; }.forecast-metrics article strong { font-size:.98rem; }.model-architecture { padding:1rem; }.forecast-hero h1 { font-size:clamp(2.65rem,14vw,4.2rem); } }
@media (prefers-reduced-motion:reduce) { .forecast-stage::before,.forecast-median { animation:none; } }

/* Latent regime and nonlinear tail-risk model views */
.regime-section,.tail-section { padding-top:1rem; }.model-page-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.model-page-toolbar h2 { margin:.3rem 0 0; font-size:clamp(1.35rem,2.5vw,2rem); }.regime-workbench,.tail-workbench { display:grid; grid-template-columns:minmax(0,1fr) 290px; border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#081210; box-shadow:0 30px 90px #0004; }.regime-stage,.tail-stage { position:relative; min-width:0; min-height:560px; display:flex; align-items:center; overflow:hidden; background:radial-gradient(circle at 48% 48%,#193d34,transparent 58%),#081210; }.regime-stage::before,.tail-stage::before { content:""; position:absolute; inset:0; background-image:radial-gradient(#67807844 1px,transparent 1px); background-size:26px 26px; mask-image:linear-gradient(to bottom,#0008,transparent 90%); }.regime-stage svg,.tail-stage svg { position:relative; z-index:1; display:block; width:100%; }.model-side-metrics { border-left:1px solid var(--line); padding:1.35rem; background:#0d1816; }.model-side-metrics article { padding:1rem 0; border-bottom:1px solid var(--line); }.model-side-metrics article span { display:block; color:var(--muted); font-size:.65rem; letter-spacing:.05em; }.model-side-metrics article strong { display:block; margin-top:.3rem; font-size:1.16rem; font-variant-numeric:tabular-nums; }.stage-corner { position:absolute; z-index:2; left:1.3rem; bottom:1rem; display:grid; gap:.2rem; }.stage-corner strong { font-size:.72rem; }.stage-corner span { color:var(--muted); font-size:.62rem; }.regime-links path { fill:none; stroke:#557168; stroke-width:1.2; stroke-dasharray:4 8; opacity:.62; }.regime-node circle:first-child { fill:#10251f; stroke:#42675b; stroke-width:1; opacity:.76; }.regime-node circle:nth-child(2) { fill:#112f26; stroke:#72a395; stroke-width:1.3; }.regime-node text { fill:var(--ink); text-anchor:middle; font-size:12px; font-weight:700; letter-spacing:.08em; }.regime-node.expansion circle:nth-child(2) { stroke:var(--blue); }.regime-node.stress circle:nth-child(2) { stroke:#ff7d6e; }.regime-node.recovery circle:nth-child(2) { stroke:#d7bd72; }.regime-scene,.tail-scene { opacity:0; pointer-events:none; transition:opacity .35s; }.regime-scene.active,.tail-scene.active { opacity:1; }.state-trail { fill:none; stroke:var(--accent); stroke-width:2.4; stroke-dasharray:8 8; filter:url(#regimeGlow); animation:forecast-dash 2s linear infinite; }.state-current { fill:var(--accent); filter:url(#regimeGlow); }.state-halo { fill:none; stroke:var(--accent); stroke-width:1.4; opacity:.65; animation:state-pulse 2.4s ease-out infinite; }.state-current.warning { fill:#d7bd72; }.state-halo.warning { stroke:#d7bd72; }.state-current.danger { fill:#ff7d6e; }.state-halo.danger { stroke:#ff7d6e; }.state-axis-label { fill:var(--muted); font-size:10px; letter-spacing:.1em; }.compact-flow .architecture-block { min-height:180px; }.risk-grid path { fill:none; stroke:#506861; stroke-width:1; opacity:.58; }.risk-landscape { fill:url(#riskPlane); stroke:#9a9d6d; stroke-width:1.2; opacity:.82; }.tail-contours path { fill:none; stroke:#d4dc9a; stroke-width:1.1; opacity:.48; }.shock-path { fill:none; stroke:var(--blue); stroke-width:2.8; stroke-dasharray:8 7; filter:url(#tailGlow); animation:forecast-dash 1.8s linear infinite; }.shock-path.warning { stroke:#d7bd72; }.shock-path.danger { stroke:#ff7d6e; }.shock-node { fill:var(--blue); filter:url(#tailGlow); }.shock-node.warning { fill:#d7bd72; }.shock-node.danger { fill:#ff7d6e; }.shock-ring { fill:none; stroke:var(--blue); stroke-width:1.5; animation:state-pulse 2.2s ease-out infinite; }.shock-ring.warning { stroke:#d7bd72; }.shock-ring.danger { stroke:#ff7d6e; }.tail-axis { fill:var(--muted); font-size:10px; letter-spacing:.1em; }.tail-axis.loss { fill:#ffb4a7; }.tail-switch button { white-space:nowrap; }
@keyframes state-pulse { 0% { opacity:.75; transform:scale(.7); transform-origin:center; } 80%,100% { opacity:0; transform:scale(1.35); transform-origin:center; } }
@media (max-width:900px) { .regime-workbench,.tail-workbench { grid-template-columns:1fr; }.regime-stage,.tail-stage { min-height:470px; }.model-side-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:0 1rem; border-left:0; border-top:1px solid var(--line); }.model-side-metrics .control-head,.model-side-metrics .metric-boundary { grid-column:1/-1; } }
@media (max-width:620px) { .model-page-toolbar { align-items:flex-start; flex-direction:column; }.regime-stage,.tail-stage { min-height:340px; }.stage-corner { left:1rem; }.stage-corner span { display:none; }.model-side-metrics { grid-template-columns:1fr 1fr; padding:1rem; }.model-side-metrics article strong { font-size:.96rem; }.regime-hero h1,.tail-hero h1 { font-size:clamp(2.65rem,14vw,4.2rem); }.tail-switch { overflow-x:auto; max-width:100%; }.tail-switch button { padding:.5rem .55rem; } }
@media (prefers-reduced-motion:reduce) { .state-trail,.state-halo,.shock-path,.shock-ring { animation:none; } }

/* Foundation diagrams: each model keeps the shared narrative grid but owns a distinct visual grammar. */
.regime-architecture .input-pills { position:absolute; inset:72px 16px 18px; display:block; margin:0; }.regime-architecture .input-pills i { position:absolute; left:0; width:72%; height:2px; padding:0; border:0; background:linear-gradient(90deg,var(--color),transparent); transform:translateY(calc(var(--n)*22px)); font-size:0; }.regime-architecture .input-pills i::before { content:""; position:absolute; width:7px; height:7px; top:-3px; left:0; border-radius:50%; background:var(--color); box-shadow:0 0 10px var(--color); }.regime-architecture .input-pills i::after { content:""; position:absolute; width:25%; height:1px; right:-25%; top:0; background:var(--color); transform:rotate(calc((1.5 - var(--n))*13deg)); transform-origin:left; }.regime-architecture .input-pills i:nth-child(1){--n:0;--color:#b9f36b}.regime-architecture .input-pills i:nth-child(2){--n:1;--color:#74d4f5}.regime-architecture .input-pills i:nth-child(3){--n:2;--color:#d7bd72}.regime-architecture .input-pills i:nth-child(4){--n:3;--color:#ff7d6e}.regime-architecture .layer-stack { inset:76px 16px 18px; transform:none; perspective:none; }.regime-architecture .layer-stack i { inset:auto; bottom:0; width:25%; border:0; border-radius:50% 50% 0 0; background:linear-gradient(to top,#74d4f518,#74d4f588); transform:none; }.regime-architecture .layer-stack i:nth-child(1){left:0;height:38%}.regime-architecture .layer-stack i:nth-child(2){left:25%;height:78%}.regime-architecture .layer-stack i:nth-child(3){left:50%;height:55%}.regime-architecture .layer-stack i:nth-child(4){left:75%;height:28%}.regime-architecture .latent-orbit { width:92px; height:92px; border-width:7px; border-color:#2d493f; border-top-color:var(--accent); border-right-color:#74d4f5; box-shadow:0 0 24px #b9f36b16; }.regime-architecture .latent-orbit::before { content:"τ"; position:absolute; inset:0; display:grid; place-items:center; color:var(--ink); font:700 1.3rem ui-monospace,monospace; }.regime-architecture .latent-orbit::after { width:4px; height:35px; left:42px; top:11px; border-radius:3px; transform:rotate(48deg); transform-origin:2px 35px; background:#d7bd72; box-shadow:none; }.regime-architecture .latent-orbit i { display:none; }.regime-architecture .decoder-rays { display:flex; align-items:flex-end; gap:5px; inset:82px 16px 22px; border-left:1px solid #40534d; border-bottom:1px solid #40534d; }.regime-architecture .decoder-rays i { position:static; flex:1; height:var(--h); transform:none; background:linear-gradient(to top,#b9f36b22,#b9f36baa); }.regime-architecture .decoder-rays i::after { display:none; }.regime-architecture .decoder-rays i:nth-child(1){--h:78%}.regime-architecture .decoder-rays i:nth-child(2){--h:55%}.regime-architecture .decoder-rays i:nth-child(3){--h:24%}.regime-architecture .output-fan { display:flex; align-items:center; gap:5px; inset:78px 14px 20px; }.regime-architecture .output-fan i { position:static; height:12px; border:0; border-radius:999px; background:var(--color); transform:none; box-shadow:0 0 10px color-mix(in srgb,var(--color) 40%,transparent); }.regime-architecture .output-fan i:nth-child(1){width:58%;--color:#b9f36b}.regime-architecture .output-fan i:nth-child(2){width:24%;--color:#74d4f5}.regime-architecture .output-fan i:nth-child(3){width:12%;--color:#ff7d6e}

.tail-section .model-architecture .input-pills { position:absolute; inset:78px 18px 20px; display:grid; grid-template-columns:repeat(2,1fr); gap:4px; margin:0; }.tail-section .model-architecture .input-pills i { min-width:0; padding:0; border:1px solid #52635e; border-left:3px solid var(--color); background:#101f1c; font-size:0; }.tail-section .model-architecture .input-pills i:nth-child(1){--color:#b9f36b}.tail-section .model-architecture .input-pills i:nth-child(2){--color:#74d4f5}.tail-section .model-architecture .input-pills i:nth-child(3){--color:#d7bd72}.tail-section .model-architecture .input-pills i:nth-child(4){--color:#ff7d6e}.tail-section .model-architecture .layer-stack { inset:78px 18px 20px; transform:none; perspective:none; }.tail-section .model-architecture .layer-stack::before,.tail-section .model-architecture .layer-stack::after { content:""; position:absolute; inset:18% 8%; background:linear-gradient(28deg,transparent 48%,#718d8466 49%,#718d8466 51%,transparent 52%),linear-gradient(-28deg,transparent 48%,#718d8466 49%,#718d8466 51%,transparent 52%); }.tail-section .model-architecture .layer-stack i { width:13px; height:13px; inset:auto; border:0; border-radius:50%; background:var(--accent); transform:none; box-shadow:0 0 12px #b9f36b88; z-index:1; }.tail-section .model-architecture .layer-stack i:nth-child(1){left:8%;top:16%}.tail-section .model-architecture .layer-stack i:nth-child(2){right:8%;top:16%;background:var(--blue)}.tail-section .model-architecture .layer-stack i:nth-child(3){left:8%;bottom:12%;background:#d7bd72}.tail-section .model-architecture .layer-stack i:nth-child(4){right:8%;bottom:12%;background:#ff7d6e}.tail-section .model-architecture .latent-orbit { width:100px; height:78px; border:0; border-radius:0; box-shadow:none; }.tail-section .model-architecture .latent-orbit::before,.tail-section .model-architecture .latent-orbit::after,.tail-section .model-architecture .latent-orbit i { content:""; position:absolute; left:8px; top:32px; width:82px; height:1px; border:0; border-radius:0; background:#b9f36b99; transform-origin:left; box-shadow:none; }.tail-section .model-architecture .latent-orbit::before { transform:rotate(-27deg); }.tail-section .model-architecture .latent-orbit::after { transform:rotate(27deg); }.tail-section .model-architecture .latent-orbit i:nth-child(1){transform:rotate(-12deg)}.tail-section .model-architecture .latent-orbit i:nth-child(2){transform:rotate(0)}.tail-section .model-architecture .latent-orbit i:nth-child(3){transform:rotate(12deg)}.tail-section .model-architecture .latent-orbit i::after { content:""; position:absolute; right:-4px; top:-4px; width:9px; height:9px; border-radius:50%; background:#ff7d6e; box-shadow:0 0 9px #ff7d6e88; }.tail-section .model-architecture .decoder-rays { inset:78px 15px 20px; border-left:1px solid #40534d; border-bottom:1px solid #40534d; }.tail-section .model-architecture .decoder-rays i { left:0; top:auto; bottom:12%; width:100%; height:45%; border-radius:50%; background:transparent; border-top:1.5px solid var(--color); transform:scaleY(var(--scale)); }.tail-section .model-architecture .decoder-rays i::after { display:none; }.tail-section .model-architecture .decoder-rays i:nth-child(1){--scale:.5;--color:#b9f36b}.tail-section .model-architecture .decoder-rays i:nth-child(2){--scale:1;--color:#d7bd72}.tail-section .model-architecture .decoder-rays i:nth-child(3){--scale:1.5;--color:#ff7d6e}.tail-section .model-architecture .output-fan { display:flex; align-items:flex-end; gap:4px; inset:82px 15px 20px; border-bottom:1px solid #40534d; }.tail-section .model-architecture .output-fan::before { content:"ES"; position:absolute; left:12%; bottom:0; height:88%; padding-left:4px; border-left:1px dashed #ff7d6e; color:#ff9a8f; font-size:.55rem; }.tail-section .model-architecture .output-fan i { position:static; flex:1; height:var(--h); border:0; border-radius:3px 3px 0 0; background:var(--color); transform:none; }.tail-section .model-architecture .output-fan i:nth-child(1){--h:82%;--color:#ff7d6e}.tail-section .model-architecture .output-fan i:nth-child(2){--h:48%;--color:#d7bd72}.tail-section .model-architecture .output-fan i:nth-child(3){--h:22%;--color:#6f958a}

/* Investor-oriented homepage. Detail remains on the reviewed product and model pages. */
.home-hero { padding-bottom:5rem; }.home-hero h1 { max-width:1100px; font-size:clamp(3.4rem,7.6vw,7rem); }.home-hero .lede { max-width:850px; }.home-thesis { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:.8rem; margin-top:4rem; padding:1rem; border:1px solid var(--line); border-radius:14px; background:#0b1714; }.home-thesis span { color:var(--ink); font-size:.78rem; font-weight:700; text-align:center; }.home-thesis b { color:var(--accent); font-weight:500; }.home-proof { padding-top:5rem; }.home-product-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.home-product-card { padding:1.5rem; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,#12231f,#081210); box-shadow:0 24px 70px #0003; }.home-product-top { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.home-product-top span,.home-product-top strong,.home-product-top small { display:block; }.home-product-top span { color:var(--accent); font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; }.home-product-top strong { margin-top:.55rem; font-size:1.35rem; }.home-product-top small { margin-top:.35rem; color:var(--muted); }.home-product-top>b { color:var(--muted); font-size:.68rem; font-weight:500; }.home-product-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:1.4rem 0; border:1px solid var(--line); border-radius:11px; overflow:hidden; background:var(--line); }.home-product-metrics div { padding:1rem; background:#0b1715; }.home-product-metrics span,.home-product-metrics strong { display:block; }.home-product-metrics span { color:var(--muted); font-size:.62rem; }.home-product-metrics strong { margin-top:.35rem; font-size:1.25rem; font-variant-numeric:tabular-nums; }.home-product-foot { display:flex; justify-content:space-between; align-items:center; gap:1rem; }.home-product-foot small { color:var(--muted); font-size:.65rem; }.home-product-foot a { color:var(--accent); text-decoration:none; font-size:.72rem; font-weight:700; }.home-proof-note { grid-column:1/-1; margin:.2rem 0 0; color:var(--muted); font-size:.68rem; }.home-system { background:radial-gradient(circle at 45% 50%,#17372e66,transparent 55%); }.home-decision-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:stretch; gap:.7rem; }.home-decision-flow article { min-width:0; min-height:150px; padding:1.2rem; border:1px solid var(--line); border-radius:14px; background:#0c1816; }.home-decision-flow article span,.home-decision-flow article strong,.home-decision-flow article small { display:block; }.home-decision-flow article span { color:var(--accent); font-size:.6rem; }.home-decision-flow article strong { margin-top:1.5rem; font-size:.95rem; }.home-decision-flow article small { margin-top:.5rem; color:var(--muted); font-size:.68rem; }.home-decision-flow>b { align-self:center; color:var(--accent); font-weight:500; }.home-system .actions { margin-top:1.5rem; }.home-model-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.home-model-grid>a { position:relative; min-height:225px; padding:1.3rem; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#10221e,#091311); color:var(--ink); text-decoration:none; transition:border-color .2s,transform .2s,box-shadow .2s; }.home-model-grid>a:hover,.home-model-grid>a:focus-visible { border-color:var(--accent); transform:translateY(-3px); box-shadow:0 16px 40px #0004,0 0 22px #b9f36b18; }.home-model-grid span,.home-model-grid strong,.home-model-grid p,.home-model-grid b { display:block; }.home-model-grid span { color:var(--accent); font-size:.58rem; letter-spacing:.1em; }.home-model-grid strong { margin-top:2rem; font-size:1rem; }.home-model-grid p { color:var(--muted); font-size:.72rem; }.home-model-grid b { position:absolute; left:1.3rem; bottom:1.2rem; color:var(--accent); font-size:.68rem; }.home-principles { background:#091310; }.home-principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.home-principle-grid article { padding:1.4rem; border-top:1px solid var(--accent); background:#0c1715; }.home-principle-grid span { color:var(--accent); font-size:.6rem; letter-spacing:.12em; }.home-principle-grid h3 { margin:1.2rem 0 .5rem; }.home-principle-grid p { margin:0; color:var(--muted); font-size:.76rem; }.home-boundary>.wrap { display:grid; grid-template-columns:1.5fr 1fr; align-items:end; gap:2rem; }.home-boundary h2 { margin:.4rem 0; font-size:clamp(2rem,4vw,3.5rem); }.home-boundary p { max-width:680px; color:var(--muted); }.home-boundary .actions { justify-content:flex-end; }
@media (max-width:900px) { .home-product-grid { grid-template-columns:1fr; }.home-decision-flow { grid-template-columns:1fr 1fr; }.home-decision-flow>b { display:none; }.home-model-grid { grid-template-columns:1fr 1fr; }.home-boundary>.wrap { grid-template-columns:1fr; }.home-boundary .actions { justify-content:flex-start; } }
@media (max-width:620px) { .home-hero h1 { font-size:clamp(3rem,15vw,4.7rem); }.home-thesis { grid-template-columns:1fr; }.home-thesis b { transform:rotate(90deg); justify-self:center; }.home-product-metrics { grid-template-columns:1fr 1fr; }.home-product-metrics div:last-child { grid-column:1/-1; }.home-product-foot { align-items:flex-start; flex-direction:column; }.home-decision-flow,.home-model-grid,.home-principle-grid { grid-template-columns:1fr; }.home-model-grid>a { min-height:190px; } }

/* Public landing page: intentionally sparse; detailed research lives behind access control. */
.public-home header { background:#07100eeb; }
.public-nav { align-items:center; }
.public-nav .nav-access { color:var(--ink); }
.public-hero { min-height:calc(100vh - 112px); display:flex; flex-direction:column; justify-content:center; padding-top:5rem; padding-bottom:5rem; }
.public-hero h1 { max-width:1050px; margin:.65rem 0 1.3rem; font-size:clamp(4rem,8vw,8rem); line-height:.86; letter-spacing:-.07em; }
.public-home:lang(zh-CN) .public-hero h1 { max-width:1160px; font-size:clamp(3.8rem,7vw,7rem); line-height:1.1; letter-spacing:.065em; }
.public-hero .lede { max-width:680px; }
.public-signal { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:1rem; margin-top:auto; padding-top:5rem; color:var(--muted); font-size:.58rem; letter-spacing:.16em; }
.public-signal i { display:block; height:1px; background:linear-gradient(90deg,transparent,var(--accent)); opacity:.55; }
.public-signal i:last-child { background:linear-gradient(90deg,var(--accent),transparent); }
.public-access { min-height:72vh; display:flex; align-items:center; background:radial-gradient(circle at 72% 45%,#17372e88,transparent 32%),#091310; }
.public-access>.wrap { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:clamp(3rem,8vw,8rem); }
.public-access h2 { max-width:660px; margin:.65rem 0 1rem; font-size:clamp(3rem,6vw,6rem); line-height:.92; letter-spacing:-.055em; }
.public-home:lang(zh-CN) .public-access h2 { line-height:1.08; letter-spacing:.02em; }
.public-access-copy p { max-width:580px; color:var(--muted); }
.public-access-panel { padding:2rem; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,#12231f,#081210); box-shadow:0 24px 70px #0004; }
.public-access-panel span,.public-access-panel strong { display:block; }
.public-access-panel span { color:var(--accent); font-size:.6rem; letter-spacing:.14em; }
.public-access-panel strong { margin:2.2rem 0 .75rem; font-size:1.35rem; }
.public-access-panel p { margin-bottom:1.7rem; color:var(--muted); font-size:.78rem; }
.access-status { display:inline-flex!important; color:var(--muted); cursor:default; }
@media (max-width:800px) { .public-access>.wrap { grid-template-columns:1fr; }.public-hero { min-height:82vh; }.public-signal { padding-top:4rem; }.public-nav a[href="#about"] { display:none; }.public-nav .nav-access { display:inline-flex!important; } }
@media (max-width:520px) { .public-hero h1 { font-size:clamp(3.6rem,18vw,5.5rem); }.public-home:lang(zh-CN) .public-hero h1 { font-size:clamp(3.35rem,16vw,4.9rem); line-height:1.08; }.public-signal { grid-template-columns:1fr auto 1fr auto 1fr; }.public-signal i:nth-of-type(1),.public-signal i:last-child { display:none; }.public-access { min-height:auto; }.public-access>.wrap { padding-top:5rem; padding-bottom:5rem; } }

/* Shared private Investor Room shell. */
.room-nav { align-items:center; }.room-nav a[aria-current="page"] { color:var(--ink); }.room-session { padding:.35rem .55rem; border:1px solid #b9f36b55; border-radius:999px; color:var(--accent); font-size:.55rem; letter-spacing:.08em; text-transform:uppercase; }
.room-hero { padding-bottom:4.5rem; }.room-hero h1 { max-width:1000px; }.room-home:lang(zh-CN) .room-hero h1 { letter-spacing:.02em; line-height:1.04; }.room-meta { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:2.5rem; }.room-meta span { padding:.65rem .8rem; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:.65rem; }.room-meta b { margin-right:.45rem; color:var(--accent); font-size:.55rem; letter-spacing:.08em; }.room-directory { background:radial-gradient(circle at 70% 25%,#17372e66,transparent 35%),#091310; }.room-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.room-card { position:relative; min-height:290px; padding:1.6rem; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#10221e,#091311); color:var(--ink); text-decoration:none; transition:.2s ease; }.room-card:hover,.room-card:focus-visible { border-color:var(--accent); transform:translateY(-3px); }.room-card-primary { background:linear-gradient(145deg,#18372f,#0a1714); }.room-card span { color:var(--accent); font-size:.6rem; letter-spacing:.12em; }.room-card h3 { margin:2.3rem 0 .8rem; font-size:1.45rem; }.room-card p { color:var(--muted); font-size:.78rem; }.room-card b { position:absolute; left:1.6rem; bottom:1.5rem; color:var(--accent); font-size:.7rem; }
@media (max-width:1000px) { .room-session { display:none; }.room-grid { grid-template-columns:1fr; }.room-card { min-height:220px; } }
@media (max-width:700px) { .room-nav a[href="system.html#model-explorer"] { display:none; }.room-nav { gap:.55rem; } }

/* Branded authentication surface; server-side identity is connected at deployment. */
.login-page { min-height:100vh; overflow-x:hidden; }.login-layout { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr); }.login-brand { position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:space-between; padding:clamp(2rem,5vw,5rem); overflow:hidden; background:radial-gradient(circle at 70% 45%,#1e4c3d 0,transparent 35%),linear-gradient(145deg,#0c1c18,#050b0a); }.login-brand>.brand { align-self:flex-start; color:var(--ink); }.login-brand-copy { position:relative; z-index:2; max-width:760px; }.login-brand-copy h1 { margin:.65rem 0 1.2rem; font-size:clamp(4rem,6.5vw,7rem); line-height:.88; letter-spacing:-.065em; }.login-page:lang(zh-CN) .login-brand-copy h1 { font-size:clamp(3.8rem,5.8vw,6.4rem); line-height:1.08; letter-spacing:.045em; }.login-brand-copy p { max-width:580px; color:var(--muted); }.login-boundary { position:relative; z-index:2; margin:0; color:var(--muted); font-size:.65rem; }.login-orbit { position:absolute; width:min(44vw,620px); aspect-ratio:1; right:-12%; top:50%; transform:translateY(-50%); opacity:.28; }.login-orbit i { position:absolute; inset:0; border:1px solid var(--accent); border-radius:50%; }.login-orbit i:nth-child(2) { inset:14%; transform:rotate(62deg) scaleY(.42); }.login-orbit i:nth-child(3) { inset:28%; transform:rotate(-28deg) scaleY(.55); }.login-orbit span { position:absolute; inset:43%; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:#07100d; font-weight:900; }.login-entry { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,5rem); background:#08110f; }.login-top { position:absolute; top:2rem; right:clamp(2rem,5vw,5rem); display:flex; gap:1rem; align-items:center; color:var(--muted); font-size:.68rem; }.login-top a { color:var(--ink); }.login-panel { width:min(100%,480px); margin:auto; }.login-heading>span { color:var(--accent); font-size:.6rem; letter-spacing:.14em; }.login-heading h2 { margin:.6rem 0; font-size:clamp(2.5rem,4vw,4rem); }.login-heading p { margin:0 0 2rem; color:var(--muted); }.login-panel form>label { display:block; margin:1rem 0; color:var(--muted); font-size:.72rem; }.login-panel input[type="email"],.login-panel input[type="password"],.login-panel input[type="text"] { width:100%; margin-top:.5rem; padding:1rem; border:1px solid var(--line); border-radius:10px; outline:none; background:#0c1916; color:var(--ink); font:inherit; }.login-panel input:focus { border-color:var(--accent); box-shadow:0 0 0 3px #b9f36b16; }.password-field { position:relative; display:block; }.password-field button { position:absolute; right:.8rem; bottom:.78rem; border:0; background:none; color:var(--accent); font-size:.65rem; cursor:pointer; }.login-options { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:1rem 0 1.5rem; color:var(--muted); font-size:.68rem; }.login-options label { display:flex; align-items:center; gap:.4rem; }.text-button { border:0; padding:0; background:none; color:var(--accent); cursor:pointer; font:inherit; }.login-submit { width:100%; justify-content:center; border:0; cursor:pointer; }.login-service-note { display:flex; align-items:center; gap:.5rem; margin-top:1rem; color:var(--muted); font-size:.62rem; }.login-service-note span { width:6px; height:6px; border-radius:50%; background:#d8b05c; box-shadow:0 0 10px #d8b05c; }.auth-message { margin:1.2rem 0; padding:.85rem 1rem; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:.7rem; background:#0d1a17; }.auth-message[data-tone="error"] { border-color:#c9686855; color:#e0a2a2; }.auth-message[data-tone="warning"] { border-color:#d8b05c55; color:#e2c78f; }.login-return { width:min(100%,480px); margin:2rem auto 0; color:var(--muted); text-decoration:none; font-size:.68rem; }
@media (max-width:900px) { .login-layout { grid-template-columns:1fr; }.login-brand { min-height:42vh; }.login-brand-copy h1 { font-size:clamp(3.5rem,11vw,6rem); }.login-entry { min-height:58vh; padding-top:6rem; }.login-orbit { width:70vw; right:-20%; }.login-top { top:calc(42vh + 2rem); } }
@media (max-width:520px) { .login-brand { min-height:36vh; padding:1.5rem; }.login-brand-copy h1 { font-size:clamp(2.8rem,13vw,4rem); }.login-brand-copy p,.login-boundary { display:none; }.login-entry { min-height:64vh; padding:5rem 1.5rem 2.5rem; }.login-top { top:calc(36vh + 1.5rem); right:1.5rem; }.login-options { align-items:flex-start; }.login-orbit { width:90vw; } }

/* Deterministic, symmetric objective-function wireframe. */
.login-orbit { width:min(60vw,860px); height:min(48vw,680px); right:-13%; top:51%; background:none; -webkit-mask-image:radial-gradient(ellipse 73% 68% at 53% 50%,#000 38%,#000e 56%,transparent 82%); mask-image:radial-gradient(ellipse 73% 68% at 53% 50%,#000 38%,#000e 56%,transparent 82%); mix-blend-mode:screen; transform:translateY(-50%); opacity:.92; animation:none; }
.login-orbit::before,.login-orbit::after,.login-orbit i,.login-orbit span { display:none; }
.optimization-canvas { display:block; width:100%; height:100%; }
@media (max-width:900px) { .login-orbit { width:84vw; height:62vw; right:-20%; opacity:.52; } }
@media (max-width:520px) { .login-orbit { width:114vw; height:86vw; right:-50%; opacity:.32; } }
.login-service-note.connected span { background:var(--accent); box-shadow:0 0 10px var(--accent); }
.login-help { justify-content:flex-end; }
.room-logout { border:0; padding:.35rem 0; background:none; color:var(--muted); font:inherit; font-size:.62rem; cursor:pointer; }.room-logout:hover,.room-logout:focus-visible { color:var(--ink); }