.benchmark-page{color:#fff;background:#1a2838;min-height:100vh;padding:clamp(1rem,3vw,2rem) 0 clamp(2rem,4vw,3rem)}.page-section.benchmark-page{width:100%;max-width:100%;margin:0 auto;padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}.benchmark-heading{text-align:center;margin-bottom:2.5rem}.benchmark-heading h1{color:inherit;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.benchmark-heading p{color:#b5b5b5;font-size:clamp(1rem,2vw,1.2rem)}.benchmark-chart-section,.benchmark-controls-section{scrollbar-width:none;-ms-overflow-style:none}.benchmark-chart-section::-webkit-scrollbar{display:none}.benchmark-controls-section::-webkit-scrollbar{display:none}.benchmark-layout{grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);align-items:start;gap:clamp(2rem,3vw,3.25rem);height:calc(100vh - 10rem);display:grid;position:relative}.benchmark-layout.controls-collapsed{grid-template-columns:minmax(0,1fr)}.benchmark-layout.controls-collapsed .benchmark-controls-section{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translate(32px)}.benchmark-chart-section{flex-direction:column;flex:1;align-self:stretch;gap:clamp(1.5rem,2vw,2rem);min-width:0;height:100%;min-height:0;display:flex;overflow-y:auto}.benchmark-toggle-btn{color:#f7f7f7;cursor:pointer;background:#0c121cb3;border:1px solid #ffffff1f;border-radius:999px;align-self:flex-end;align-items:center;gap:.6rem;padding:.55rem 1rem;transition:all .3s;display:inline-flex}.benchmark-chart-container{background:radial-gradient(circle at top,#2a3a4f,#1a2838);border-radius:24px;flex-direction:column;flex-shrink:0;justify-content:flex-start;min-height:clamp(560px,70vh,900px);padding:clamp(2.2rem,3.5vw,3.6rem) clamp(2.3rem,4vw,4rem) clamp(3rem,4vw,5rem);display:flex;position:relative;overflow:hidden}@media (orientation:landscape){.benchmark-chart-container{min-height:clamp(700px,85vh,1200px)}}.benchmark-attribution{text-align:right;color:#ffffffb3;font-size:.75rem;line-height:1.4;position:absolute;top:18px;right:20px}.benchmark-attribution a{color:#55c1ff;text-decoration:none}.benchmark-chart-title{overflow-wrap:anywhere;text-align:center;margin-bottom:.5rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.benchmark-chart-subtitle{overflow-wrap:anywhere;text-align:center;color:#ffffffbf;margin-bottom:1.75rem;font-size:1.1rem}.benchmark-legend{flex-wrap:wrap;justify-content:center;gap:1.1rem 1.75rem;margin-bottom:1.75rem;display:flex}.benchmark-legend-item{align-items:center;gap:.6rem;font-size:.95rem;display:inline-flex}.benchmark-legend-color{border:1px solid #ffffff59;border-radius:999px;width:28px;height:12px}.benchmark-chart{--benchmark-label-width:140px;--benchmark-bars-padding:1rem;flex-direction:column;flex:1;justify-content:center;gap:clamp(1.5rem,2.5vw,2.2rem);display:flex;position:relative}.benchmark-chart-background{left:calc(var(--benchmark-label-width) + 1rem + var(--benchmark-bars-padding) + 2px);pointer-events:none;position:absolute;top:0;bottom:0;right:0}.benchmark-grid-line{border-left:1px dashed #ffffff2e;position:absolute;top:0;bottom:0}.benchmark-grid-label{color:#ffffffa6;font-size:.7rem;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)}.benchmark-chart-row{z-index:1;align-items:flex-start;gap:1rem;display:flex;position:relative}.benchmark-chart-label{width:var(--benchmark-label-width);overflow-wrap:anywhere;text-align:right;color:#ffffffd9;flex-shrink:0;margin-top:.4rem;font-size:1rem;font-weight:600}.benchmark-chart-bars{min-width:0;padding-left:var(--benchmark-bars-padding);border-left:2px solid #ffffff2e;flex-direction:column;flex:1;gap:.45rem;display:flex}.benchmark-chart-bar{min-height:calc(46px * var(--benchmark-height-ratio,1));border-radius:12px;align-items:center;padding-inline:0;display:flex;position:relative;overflow:visible}.benchmark-bar-value{margin-left:auto;padding-inline:.75rem;font-size:.95rem;font-weight:700}.benchmark-percent-indicator{background:#00000047;border:1px solid #ffffff40;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;position:absolute;top:10px;left:12px}.benchmark-ratio-indicator{white-space:nowrap;color:#fff;background:#293d70;border:1px solid #ffffff40;border-radius:999px;flex-shrink:0;margin-right:.5rem;padding:.3rem .7rem;font-size:.8rem;font-weight:700;position:relative}.benchmark-empty-state{text-align:center;background:#161d29a6;border:1px dashed #ffffff2e;border-radius:16px;padding:2.5rem;font-size:1rem}.benchmark-save-group{flex-wrap:wrap;gap:1rem;display:flex}.benchmark-btn{color:#f5f7ff;cursor:pointer;background:#172335f2;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;min-width:160px;padding:.7rem 1.4rem;font-weight:600;transition:all .3s;display:inline-flex}.benchmark-btn.primary{background:#267dff;border-color:#78aaff8c}.benchmark-btn.secondary{background:#0f766e;border-color:#14b8a673}.benchmark-btn.outline{background:#131a26cc;border:1px solid #ffffff2e}.benchmark-btn.danger{background:#dc2626;border-color:#ef444473;justify-content:center;min-width:50px}.benchmark-btn.success{background:#047857;border-color:#34d39973}.benchmark-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.benchmark-import-hint{color:#ffffffb3;font-size:.85rem}.benchmark-privacy{background:#0a0f1cb8;border:1px solid #ffffff14;border-radius:18px;padding:1.8rem}.benchmark-privacy ul{color:#ffffffbf;margin:1rem 0 1.2rem;padding-left:1.4rem}.benchmark-privacy li+li{margin-top:.35rem}.benchmark-effective-date{text-align:right;color:#ffffffa6;font-size:.85rem}.benchmark-controls-section{width:min(420px,100%);height:100%;max-height:none;transition:transform .4s,opacity .3s;overflow-y:auto;transform:translate(0)}.benchmark-controls-section.hidden{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translate(32px)}.benchmark-controls-card{background:#0a0e18b3;border:1px solid #ffffff1f;border-radius:20px;width:100%;padding:1.5rem;position:sticky;top:120px}.benchmark-tabs{border-bottom:1px solid #ffffff24;gap:.5rem;margin-bottom:1.5rem;display:flex}.benchmark-tab{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .4rem;font-weight:600;transition:all .25s;display:inline-flex}.benchmark-tab.active{color:#f5f6ff;border-bottom-color:#55c1ff}.benchmark-icon{width:18px;height:18px}.benchmark-control-block{margin:0}.benchmark-control-block+.benchmark-control-block{border-top:1px solid #ffffff1f;margin-top:1.5rem;padding-top:1.5rem}.benchmark-control-block h3{color:inherit;margin-bottom:1rem;font-size:1rem;font-weight:700}.benchmark-input-group{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.benchmark-input-group span{color:#ffffffbf;font-size:.85rem}.benchmark-input-group input,.benchmark-input-group select{color:#f4f8ff;background:#0a101cd9;border:1px solid #ffffff24;border-radius:10px;padding:.6rem .75rem;font-size:.95rem;transition:border-color .25s}.benchmark-input-group input:focus,.benchmark-input-group select:focus{outline-offset:2px;border-color:#55c1ff;outline:2px solid #55c1ff}.benchmark-checkbox{cursor:pointer;background:#0c1424a6;border:1px solid #0000;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:.55rem;padding:.55rem .65rem;display:flex}.benchmark-checkbox input{width:18px;height:18px}.benchmark-checkbox.disabled{opacity:.45;cursor:not-allowed}.benchmark-scale-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.benchmark-scale-selector button{color:#ffffffbf;cursor:pointer;background:#0c121acc;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem;transition:all .3s;display:inline-flex}.benchmark-scale-selector button.active{color:#fff;background:#243d5c;border-color:#3b82f673}.benchmark-help-text{color:#ffffffb3;margin-top:.55rem;font-size:.8rem}.benchmark-color-pickers{gap:1rem;display:flex}.benchmark-color-picker{flex-direction:column;flex:1;gap:.45rem;display:flex}.benchmark-color-preview{align-items:center;gap:.6rem;display:flex}.benchmark-color-box{border:1px solid #fff6;border-radius:8px;width:32px;height:32px}.benchmark-color-preview span:last-child{color:#ffffffb3;font-family:Roboto Mono,Consolas,monospace;font-size:.8rem}.benchmark-gradient-preview{border:1px solid #ffffff2e;border-radius:10px;height:40px;margin-top:.9rem}.benchmark-item-row,.benchmark-data-row{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.benchmark-item-row+.benchmark-item-row,.benchmark-data-row+.benchmark-data-row{border-top:1px solid #ffffff1f;padding-top:1rem}.benchmark-color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.benchmark-color-inline{flex-direction:column;gap:.35rem;display:flex}.benchmark-color-inline input{cursor:pointer;background:0 0;border:none;width:100%;min-height:36px}.benchmark-color-swatch{color:#ffffffbf;font-family:Roboto Mono,Consolas,monospace;font-size:.8rem}.benchmark-button-row{flex-wrap:wrap;gap:.75rem;display:flex}.benchmark-data-values{gap:.6rem;display:grid}@media (width>=1201px){.benchmark-chart-section{padding-bottom:0}}@media (width<=1200px){.benchmark-layout{flex-direction:column;gap:0;height:calc(100vh - 8rem);display:flex}.benchmark-toggle-btn{z-index:1000;transition:bottom .3s;position:fixed;bottom:2rem;right:2rem}.benchmark-layout:not(.controls-collapsed) .benchmark-toggle-btn{bottom:calc(30% + 2rem)}.benchmark-chart-section{flex:1;order:1;min-height:0;padding-bottom:8rem;overflow-y:auto}.benchmark-controls-section{border-top:1px solid #ffffff1f;flex:1;order:2;width:100%;min-height:0;max-height:none;padding-top:1rem;position:relative;overflow-y:auto;transform:translate(0)}.benchmark-controls-section.hidden{display:none}.benchmark-controls-card{position:relative;top:0}.benchmark-layout.controls-collapsed{grid-template-columns:minmax(0,1fr)}.benchmark-layout.controls-collapsed .benchmark-chart-section{flex:1;height:100%}}@media (width<=768px){.benchmark-layout{height:calc(100vh - 6rem)}.benchmark-chart-container{padding:2.2rem 1.5rem}.benchmark-chart{--benchmark-label-width:110px}.benchmark-chart-label{font-size:.9rem}.benchmark-chart-bar{min-height:calc(40px * var(--benchmark-height-ratio,1))}.benchmark-ratio-indicator{font-size:.7rem}.benchmark-save-group{flex-direction:column}.benchmark-btn{width:100%}.benchmark-color-pickers{flex-direction:column}.benchmark-color-row{grid-template-columns:1fr}.benchmark-data-row{gap:.55rem}}@media (width<=480px){.benchmark-toggle-btn{justify-content:center;width:100%}.benchmark-chart{--benchmark-label-width:90px;--benchmark-bars-padding:.7rem}.benchmark-chart-label{font-size:.85rem}.benchmark-bar-value{padding-inline:.5rem;font-size:.85rem}}.benchmark-controls-section[hidden]{display:none}