:root{
  --bg:#05080c;
  --bg-2:#080d12;
  --panel:rgba(14,22,32,.88);
  --panel-strong:rgba(16,25,38,.96);
  --panel-soft:rgba(18,28,42,.76);
  --line:rgba(120,170,210,.18);
  --line-strong:rgba(120,170,210,.28);
  --line-hot:rgba(60,140,220,.36);
  --text:#e8edf2;
  --muted:#a7b0ba;
  --quiet:#6f7a86;
  --blue:#5ba8d9;
  --blue-bright:#7bc0ef;
  --blue-deep:#2a6fa8;
  --blue-glow:rgba(60,140,220,.25);
  --cyan:#8fb7c8;
  --red:#d9462e;
  --orange:#d86b3f;
  --steel:#8ca0af;
  --amber:#d79757;
  --gold:#c99a5b;
  --green:#83d0a4;
  --purple:#9b7fc8;
  --cool-glow:rgba(60,140,220,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.page{min-height:100vh;background:radial-gradient(circle at 18% 6%,rgba(60,120,180,.14),transparent 28rem),radial-gradient(circle at 86% 10%,rgba(40,100,170,.1),transparent 24rem),linear-gradient(rgba(140,160,175,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(140,160,175,.026) 1px,transparent 1px),linear-gradient(135deg,#05080c,#080d12 46%,#0b1118);background-size:auto,auto,52px 52px,52px 52px,auto;position:relative;isolation:isolate}
.page:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 7px),repeating-linear-gradient(60deg,rgba(120,170,210,.025) 0,rgba(120,170,210,.025) 1px,transparent 1px,transparent 18px);mix-blend-mode:screen;opacity:.2;z-index:-1}
nav{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(5,8,12,.92),rgba(5,8,12,.62));backdrop-filter:blur(18px);border-bottom:1px solid rgba(120,170,210,.08)}
.logo{font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.9rem;text-shadow:0 0 22px rgba(91,168,217,.22),0 0 34px rgba(60,140,220,.12)}
.nav-links{display:flex;gap:20px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-links a{border-bottom:1px solid transparent;padding:6px 0;transition:color .2s ease,border-color .2s ease}.nav-links a:hover,.nav-links a.active{border-color:var(--blue);color:#c4dff2}
.subnav{max-width:1200px;margin:0 auto;padding:0 24px 10px;display:flex;flex-wrap:wrap;gap:10px}.subnav a,.jump-row a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(14,22,32,.72);color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.subnav a:hover,.subnav a.active,.jump-row a:hover{border-color:var(--blue);color:#c4dff2;background:rgba(60,140,220,.1)}.jump-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.hero{max-width:1200px;margin:0 auto;padding:82px 24px 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:34px;align-items:stretch}.hero-main,.panel,.card,.metric,.table-wrap,.notice,.chart-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(120,170,210,.07),transparent 34%),linear-gradient(225deg,rgba(60,140,220,.06),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 56%),var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07);position:relative;overflow:hidden;backdrop-filter:blur(14px)}.hero-main{padding:34px}.panel{padding:24px}.badge,.status{display:inline-flex;width:fit-content;align-items:center;padding:7px 11px;border:1px solid rgba(91,168,217,.28);border-radius:999px;color:#8fc4e0;background:linear-gradient(90deg,rgba(60,140,220,.1),rgba(16,25,38,.72));font-size:.76rem;font-weight:800;letter-spacing:.04em}.badge.paper,.status.paper{border-color:rgba(155,127,200,.35);color:#b8a0d8;background:linear-gradient(90deg,rgba(155,127,200,.1),rgba(16,25,38,.72))}
h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;margin:20px 0 22px;letter-spacing:-.04em;text-shadow:0 0 70px rgba(60,140,220,.14)}h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.04;margin:0 0 12px;letter-spacing:-.02em}h3{margin:10px 0 8px;font-size:1.18rem;line-height:1.16;color:#f2f6f8}p{color:#c2cad2;margin:0 0 14px}.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:820px;color:#b7c0ca}.quiet,.caption{color:var(--quiet)}.caption{font-size:.92rem;margin-top:12px}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:11px;background:linear-gradient(135deg,#3c8cdc,#2a6fa8);color:#fff;font-weight:900;border:1px solid rgba(91,168,217,.58);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 28px rgba(60,140,220,.16)}.button.secondary,.card-action{background:rgba(14,22,32,.62);color:var(--text);border:1px solid var(--line-strong);box-shadow:inset 0 0 24px rgba(91,168,217,.04),0 18px 42px rgba(0,0,0,.34)}.card-action{display:inline-flex;width:fit-content;min-height:38px;align-items:center;justify-content:center;padding:9px 12px;border-radius:10px;color:#8fc4e0;font-size:.8rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.section{max-width:1200px;margin:0 auto;padding:34px 24px}.section-intro{max-width:850px;color:var(--muted);margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{min-height:220px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.card:before,.metric:before,.table-wrap:before,.notice:before,.chart-card:before{content:"";position:absolute;top:0;left:22px;right:22px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),rgba(60,140,220,.4),transparent);opacity:.76}.card-cta{color:#8fc4e0;font-weight:900;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.card:hover{border-color:rgba(91,168,217,.38);box-shadow:0 34px 92px rgba(0,0,0,.5),0 0 38px rgba(60,140,220,.13)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px;min-height:110px;word-break:break-word}.metric-label{color:#96b3c2;font-size:.75rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px}.metric-value{font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:900;margin-top:4px;line-height:1.2}.metric-value.main{color:var(--blue-bright);font-size:clamp(1.5rem,2.8vw,2rem)}.metric-sublabel{color:#6f7a86;font-size:.72rem;margin-top:2px;line-height:1.3}.negative{color:#ff9a82}.positive{color:var(--green)}
.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.chart-card{padding:20px;min-height:360px}.chart-card.wide{grid-column:span 2}.chart-card.hero{grid-column:span 2;min-height:420px;border-color:rgba(91,168,217,.24);background:linear-gradient(145deg,rgba(120,170,210,.09),transparent 34%),linear-gradient(225deg,rgba(60,140,220,.08),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 56%),var(--panel-strong);box-shadow:0 30px 90px rgba(0,0,0,.52),0 0 40px rgba(60,140,220,.08),inset 0 1px 0 rgba(255,255,255,.07)}.chart-card.hero:before{background:linear-gradient(90deg,transparent,var(--blue-bright),rgba(60,140,220,.6),transparent);height:3px}.chart-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.chart-head h3{margin:0}.chart-meta{color:#96b3c2;font-size:.72rem;letter-spacing:.04em}.chart{width:100%;min-height:260px}.chart svg{width:100%;height:260px;display:block}.chart.hero svg{min-height:320px}.axis{stroke:rgba(120,170,210,.28);stroke-width:1}.gridline{stroke:rgba(120,170,210,.12);stroke-width:1}.chart-text{fill:#a7b0ba;font-size:12px;font-family:Consolas,"SFMono-Regular",monospace}.axis-title{fill:#cfd8e0;font-size:12px;font-weight:700;font-family:Consolas,"SFMono-Regular",monospace;letter-spacing:.02em}.equity-line{fill:none;stroke:var(--blue-bright);stroke-width:3}.equity-fill{fill:rgba(91,168,217,.08)}.pnl-line{fill:none;stroke:#8fc4e0;stroke-width:3}.drawdown-area{fill:rgba(217,70,46,.12)}.drawdown-line{fill:none;stroke:#ff9a82;stroke-width:3}.bar-negative{fill:var(--red)}.bar-positive{fill:var(--green)}.ring-bg{fill:none;stroke:rgba(120,170,210,.18);stroke-width:18}.ring-fg{fill:none;stroke:#5ba8d9;stroke-width:18;stroke-linecap:round}.tooltip{fill:#e8edf2;font-size:10px;font-family:Consolas,"SFMono-Regular",monospace;text-anchor:middle;dominant-baseline:middle}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:#a7b0ba;font-size:.82rem}.legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:99px;background:var(--blue)}
.table-wrap{padding:18px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(120,170,210,.14);vertical-align:top}th{color:#96b3c2;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}td{color:#c9d1d8}.mono{font-family:Consolas,"SFMono-Regular",monospace}.notice{padding:22px;border-color:rgba(60,140,220,.3);background:linear-gradient(135deg,rgba(60,140,220,.08),rgba(16,25,38,.9))}.notice.warning{border-color:rgba(217,107,64,.35);background:linear-gradient(135deg,rgba(217,107,64,.1),rgba(16,25,38,.9))}ul{margin:0;padding-left:20px;color:#c2cad2}li{margin:0 0 8px}footer{max-width:1200px;margin:0 auto;padding:30px 24px 50px;color:#77828f;border-top:1px solid rgba(120,170,210,.14)}
@media(max-width:980px){.hero,.grid,.grid.two,.grid.four,.metrics,.chart-grid{grid-template-columns:1fr 1fr}.chart-card.wide,.chart-card.hero{grid-column:span 2}.nav-links{gap:13px;font-size:.68rem}.hero{padding-top:56px}}
@media(max-width:760px){.chart-grid,.chart-card.wide,.chart-card.hero{grid-template-columns:1fr;grid-column:span 1}}
@media(max-width:680px){nav{position:relative;align-items:flex-start;gap:12px;flex-direction:column}.nav-links{flex-wrap:wrap}.hero,.grid,.grid.two,.grid.four,.metrics{grid-template-columns:1fr}.hero-main,.panel,.card{padding:22px}.section{padding-left:20px;padding-right:20px}.buttons{flex-direction:column}.button{text-align:center}h1{font-size:clamp(2.65rem,15vw,4.2rem)}}