:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#eaf2f7;background:#0b1420;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 15% -12%,#1c4052 0,#0b1420 37%),#0b1420}button{font:inherit;cursor:pointer}a{color:#7bd2ed;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid #8adcf3;outline-offset:3px}
.shell{max-width:1320px;margin:auto;padding:0 30px 35px}.topbar{min-height:79px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #274051;gap:18px}.identity{display:flex;align-items:center;gap:12px;letter-spacing:.14em;font-size:13px}.identity span:last-child{display:flex;flex-direction:column;gap:4px}.identity small{color:#90a9b8;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.logo{display:grid;place-items:center;width:34px;height:34px;border:1px solid #50c9e5;border-radius:10px;color:#52c7e5;font-size:21px;font-weight:750;font-style:italic}.top-actions{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:8px;color:#9cb4c3;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7bd54b;box-shadow:0 0 13px #7bd54b}.button,.segmented button,.range-buttons button,.series-button{border:1px solid #385568;background:#1a2e3d;color:#bed0da;border-radius:10px;padding:9px 13px;font-weight:650;font-size:13px}.button:hover,.range-buttons button:hover,.series-button:hover{border-color:#6c9aae}.button:disabled{opacity:.5;cursor:wait}.button.subtle{background:transparent}
.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #385568;background:#152735;border-radius:10px;flex:none}.language-switch button{border:0;border-radius:7px;background:transparent;color:#91aaba;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}.language-switch button.selected{background:#2e9fba;color:#061c24}.language-switch button:hover:not(.selected){color:#eaf2f7;background:#254050}
.hero{padding:41px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#58bedc;font-size:10px;font-weight:800}.hero-line{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}h1{font-size:clamp(34px,4.8vw,61px);letter-spacing:-.055em;line-height:1.02;margin:15px 0 12px}h2{font-size:22px;letter-spacing:-.025em;line-height:1.2;margin:7px 0 0}h3{font-size:17px;letter-spacing:-.02em;margin:9px 0 21px}.hero p{color:#9db4c3;margin:0;font-size:15px}.segmented{display:flex;gap:4px;background:#1a2d3b;border:1px solid #355062;border-radius:12px;padding:4px;flex:none}.segmented button{border:0;background:none;padding:10px 16px;color:#93adbc}.segmented button.selected{background:#2e9fba;color:#071a22;box-shadow:0 2px 8px #0005}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric,.panel{background:#122230;border:1px solid #294253;border-radius:17px;box-shadow:0 10px 28px #07101a2a}.metric{padding:18px 19px;min-height:127px}.metric-label{color:#9db5c4;font-size:12px;font-weight:650;display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-value{font-size:clamp(24px,2.5vw,34px);font-weight:760;letter-spacing:-.045em;margin:13px 0 4px;font-variant-numeric:tabular-nums}.metric-sub{font-size:11px;color:#87a0b0;line-height:1.4}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.dot.green{background:#78d64b;box-shadow:0 0 9px #70cf4766}.dot.blue{background:#48afea;box-shadow:0 0 9px #48afea66}.dot.gold{background:#efbd68;box-shadow:0 0 9px #efbd6866}
.metric-value.positive{color:#8cdb66}.metric-value.negative{color:#ff998e}
.panel{margin-top:17px;padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.muted{color:#8fa9b9;font-size:12px;line-height:1.65}.panel-head p{margin:7px 0 0}.range-buttons{display:flex;gap:5px;flex-wrap:wrap}.range-buttons button{font-size:12px;padding:8px 11px}.range-buttons button.selected{background:#2e9fba;color:#061c24;border-color:#2e9fba}.series-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.series-button{background:#172b3a;display:flex;align-items:center;gap:8px}.series-button:not(.selected){color:#718b9c;opacity:.72}.series-button.selected{border-color:#547586}.series-button .dot{width:8px;height:8px}.chart-wrap{position:relative;width:100%;height:440px;margin-top:14px}#chart{width:100%;height:100%;display:block;touch-action:none}.tooltip{display:none;position:absolute;z-index:3;pointer-events:none;min-width:230px;background:#07151f;border:1px solid #4c6e80;border-radius:12px;box-shadow:0 16px 35px #0009;padding:12px 14px;font-size:12px;line-height:1.7}.tooltip strong{font-size:13px}.chart-note{color:#94adbc;font-size:11px;line-height:1.55;margin:4px 0 0}
.stats-panel .panel-head{margin-bottom:19px}.date-pill{background:#1c3443;border:1px solid #3a5b6e;border-radius:20px;padding:8px 13px;color:#abc5d3;font-size:12px;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:right;text-transform:uppercase;letter-spacing:.07em;color:#829eae;font-size:10px;font-weight:750;padding:13px 9px;border-bottom:1px solid #345064}td{text-align:right;padding:13px 9px;border-bottom:1px solid #233b4b;color:#d4e2e9;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left;padding-left:0}tr:last-child td{border-bottom:none}td.period-name{font-weight:700;color:#eef4f6}td.positive{color:#88d866}td.negative{color:#ff998e}.subcell{display:block;color:#7996a7;font-size:10px;font-weight:400;margin-top:3px}.footnote{font-size:11px;line-height:1.6;color:#8ca6b4;margin:16px 0 0}
.stats-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.stats-actions .range-buttons{justify-content:flex-end}.subtotals-toggle{font-size:12px;padding:8px 11px}.subtotals-toggle[aria-pressed="true"]{border-color:#58bedc;color:#bce9f4}
.returns-table{min-width:780px}.returns-table td{padding:13px 10px}.returns-table td:first-child{min-width:170px}.returns-table td:nth-child(3){min-width:220px}.returns-table .subtotal-row{background:#193140}.returns-table .half-row{background:#1b3848}.returns-table .year-row{background:#204355}.returns-table .subtotal-row td{border-top:1px solid #436476;font-weight:700}.returns-table .subtotal-row td:first-child{padding-left:10px}.returns-table .subtotal-row .subcell{font-weight:400}.returns-table .monthly-row td{height:53px}
.supplemental-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.supplemental-grid .panel{margin-top:17px}.mini-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.mini-chart-panel h2{min-height:27px}.mini-range-buttons{justify-content:flex-end;margin-top:7px}.mini-range-buttons button{font-size:11px;padding:6px 8px}.mini-chart-panel .muted{margin:8px 0 0;min-height:20px}.mini-chart-wrap{position:relative;height:235px;margin:13px 0 9px}.mini-chart-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.mini-chart-panel .chart-note{min-height:34px}
.methodology ul{padding-left:20px;color:#b6c9d3;font-size:12px;line-height:1.75}.methodology li{margin:5px 0}.source-links{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:18px}.source-links a{border-bottom:1px solid #36748c;padding-bottom:3px}footer{color:#638295;font-size:11px;padding:28px 2px 5px}
@media(max-width:1000px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.supplemental-grid{grid-template-columns:1fr}}
@media(max-width:650px){.shell{padding:0 15px 25px}.topbar{align-items:flex-start;padding:14px 0;min-height:auto;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.hero{padding-top:31px}.hero-line{align-items:flex-start;flex-direction:column}.summary-grid{gap:9px}.metric{padding:14px;min-height:118px}.metric-value{font-size:24px}.panel{padding:17px}.chart-wrap{height:330px}.range-buttons{margin-top:5px}.series-button{font-size:11px;padding:8px 9px}.status{font-size:11px}}
@media(max-width:650px){.top-actions{flex-wrap:wrap;justify-content:flex-start;gap:9px 14px}.language-switch{margin-right:auto}.status{order:3;width:100%}}
@media(max-width:650px){.stats-actions{align-items:flex-start;width:100%}.stats-actions .range-buttons{justify-content:flex-start}}
.portfolio-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-control{display:inline-flex;align-items:center;justify-content:center;position:relative;background:#2e9fba;color:#061c24;border-color:#2e9fba;white-space:nowrap;cursor:pointer}.upload-control input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-control:focus-within{outline:2px solid #8adcf3;outline-offset:3px}.portfolio-privacy{font-size:11px;color:#7fa4b7;margin:14px 0 5px}.portfolio-status{font-size:12px;color:#b8d5df;margin:14px 0 0}.portfolio-status.error{color:#ff998e}.portfolio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 22px}.portfolio-metrics>div{background:#172d3b;border:1px solid #345465;border-radius:12px;padding:14px;min-width:0}.portfolio-metrics span{display:block;color:#95adbc;font-size:11px}.portfolio-metrics strong{display:block;font-variant-numeric:tabular-nums;font-size:clamp(18px,2vw,27px);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-chart-head h3{margin:0}.portfolio-chart-head p{margin-top:6px}.portfolio-legend{display:flex;gap:20px;flex-wrap:wrap;color:#adc5d0;font-size:12px;margin-top:18px}.portfolio-legend>span{display:inline-flex;align-items:center;gap:7px}.portfolio-chart-wrap{height:350px;margin-top:6px}.portfolio-chart-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.portfolio-review{background:#1a3240;border:1px solid #537384;border-radius:12px;padding:17px;margin-top:18px;font-size:12px;line-height:1.6}.portfolio-review p{color:#a9c1cc}.portfolio-review label{display:flex;align-items:center;gap:10px;margin:10px 0}.portfolio-review input{max-width:180px;border:1px solid #618297;border-radius:7px;padding:7px 9px;background:#0b1b27;color:#edf5f7;font:inherit}
@media(max-width:800px){.portfolio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.portfolio-actions{width:100%}.portfolio-chart-wrap{height:300px}.portfolio-metrics strong{font-size:20px}}
@media(max-width:500px){.portfolio-metrics{grid-template-columns:1fr}.portfolio-metrics>div{padding:12px 14px}.portfolio-metrics strong{font-size:23px;white-space:normal;overflow:visible}}
.portfolio-chart-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title range" "change change";align-items:start;gap:17px 20px}
.portfolio-chart-head>div:first-child{grid-area:title}
.portfolio-chart-head .range-buttons{grid-area:range;justify-content:flex-end}
.portfolio-period-change{grid-area:change;min-width:0;padding:14px 18px;background:#172d3b;border:1px solid #345465;border-radius:12px}
.portfolio-period-change .portfolio-change-heading{display:block;color:#b9d3df;font-size:12px;font-weight:700}
.portfolio-change-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px}
.portfolio-change-grid>div{min-width:0;padding:0 18px;border-left:1px solid #345465}
.portfolio-change-grid>div:first-child{border-left:0;padding-left:0}
.portfolio-change-grid span{display:block;color:#91adbd;font-size:11px}
.portfolio-change-grid strong{display:block;margin-top:5px;color:#eaf2f7;font-size:clamp(16px,1.6vw,21px);font-variant-numeric:tabular-nums;white-space:nowrap}
.portfolio-period-change small{display:block;color:#91adbd;margin-top:11px;font-size:10px}
.portfolio-period-change .positive{color:#88d866}
.portfolio-period-change .negative{color:#ff998e}
@media(max-width:850px){.portfolio-change-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.portfolio-change-grid>div:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:650px){.portfolio-chart-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "range" "change";gap:10px}.portfolio-chart-head .range-buttons{justify-content:flex-start}.portfolio-period-change{padding:13px}.portfolio-change-grid>div{padding-right:8px}.portfolio-change-grid strong{font-size:16px}}
@media(max-width:390px){.portfolio-change-grid{grid-template-columns:minmax(0,1fr);gap:0}.portfolio-change-grid>div{border-left:0;border-top:1px solid #345465;padding:9px 0}.portfolio-change-grid>div:first-child{border-top:0;padding-top:0}.portfolio-change-grid strong{font-size:18px}}