*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--green: #22c55e;--red: #ef4444;--yellow: #eab308}body{background:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;line-height:1.6;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 24px}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--border-color);padding:20px 0}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:18px;font-weight:700;color:var(--text-bright);letter-spacing:-.5px}.logo span{color:var(--accent-color)}nav a{color:var(--text-dim);margin-left:24px;font-size:14px;font-weight:500}nav a:hover{color:var(--text-bright);text-decoration:none}.hero{padding:60px 0 40px}.tag{display:inline-block;background:var(--accent-dim);color:var(--accent-color);font-size:12px;font-weight:600;padding:4px 12px;border-radius:4px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;color:var(--text-bright);line-height:1.15;margin-bottom:12px;letter-spacing:-1px}.hero .subtitle{font-size:18px;color:var(--text-dim);max-width:680px}.hero .meta{margin-top:16px;font-size:13px;color:var(--text-dim);font-family:JetBrains Mono,monospace}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:40px 0}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.stat-card .value{font-size:32px;font-weight:800;color:var(--accent-color);font-family:JetBrains Mono,monospace}.stat-card .label{font-size:13px;color:var(--text-dim);margin-top:4px}.chart-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.chart-section h2{font-size:20px;color:var(--text-bright);margin-bottom:24px}.bar-chart{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:12px;font-size:13px}.bar-label{width:80px;text-align:right;font-family:JetBrains Mono,monospace;font-weight:500;color:var(--text-bright);flex-shrink:0}.bar-track{flex:1;height:28px;background:#4a8fe714;border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:8px;font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-bright);min-width:45px;transition:width .6s ease}.bar-company{width:180px;font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.findings{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.findings h2{font-size:20px;color:var(--text-bright);margin-bottom:20px}.finding{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.finding:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.finding-num{width:28px;height:28px;background:var(--accent-dim);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.finding-text{font-size:15px;line-height:1.5}.finding-text strong{color:var(--text-bright)}.sector-chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.sector-chart h2{font-size:20px;color:var(--text-bright);margin-bottom:24px}.sector-bars{display:flex;flex-direction:column;gap:12px}.sector-row{display:flex;align-items:center;gap:12px}.sector-name{width:200px;font-size:13px;color:var(--text-dim);flex-shrink:0;text-align:right}.sector-bar-track{flex:1;height:32px;background:#4a8fe70f;border-radius:4px;overflow:hidden}.sector-bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:10px;font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-bright);min-width:50px}.sector-count{width:100px;font-size:12px;color:var(--text-dim)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;align-items:center}.filters label{font-size:13px;color:var(--text-dim);font-weight:500}.filters select,.filters input{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif}.filters select:focus,.filters input:focus{outline:none;border-color:var(--accent-color)}.table-wrap{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin:40px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:#4a8fe714;padding:12px 16px;text-align:left;font-weight:600;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;user-select:none;white-space:nowrap;border-bottom:1px solid var(--border-color);position:sticky;top:0}thead th:hover{color:var(--accent-color)}thead th.sorted-asc:after{content:" ▲";color:var(--accent-color)}thead th.sorted-desc:after{content:" ▼";color:var(--accent-color)}tbody td{padding:10px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap}tbody tr:hover{background:#4a8fe70a}tbody tr:last-child td{border-bottom:none}.mono{font-family:JetBrains Mono,monospace;font-size:12px}.text-right{text-align:right}.text-green{color:var(--green)}.text-red{color:var(--red)}.ticker-cell{font-weight:700;color:var(--accent-color);font-family:JetBrains Mono,monospace}.yield-bar{display:inline-block;height:8px;border-radius:4px;margin-right:8px;vertical-align:middle}.faq-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.faq-section h2{font-size:20px;color:var(--text-bright);margin-bottom:24px}.faq-item{border-bottom:1px solid var(--border-color);padding:16px 0}.faq-item:last-child{border-bottom:none}.faq-q{font-weight:600;color:var(--text-bright);font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-q:after{content:"+";font-size:20px;color:var(--accent-color)}.faq-item.open .faq-q:after{content:"−"}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:14px;color:var(--text-dim);line-height:1.7}.faq-item.open .faq-a{max-height:400px;padding-top:12px}.methodology{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.methodology h2{font-size:20px;color:var(--text-bright);margin-bottom:16px}.methodology p{font-size:14px;color:var(--text-dim);line-height:1.7;margin-bottom:12px}.citation{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin:40px 0}.citation h3{font-size:14px;color:var(--text-dim);margin-bottom:8px}.citation code{display:block;background:var(--bg-color);padding:16px;border-radius:8px;font-size:13px;color:var(--text-primary);font-family:JetBrains Mono,monospace;white-space:pre-wrap;word-break:break-all}.disclaimer{text-align:center;padding:20px;font-size:12px;color:var(--text-dim);font-style:italic;border-top:1px solid var(--border-color);margin-top:20px}footer{border-top:1px solid var(--border-color);padding:24px 0;text-align:center;font-size:13px;color:var(--text-dim)}.tsr-calculator{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0;position:relative;overflow:hidden}.tsr-calculator:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),#22c55e,#eab308)}.tsr-calculator h2{font-size:20px;color:var(--text-bright);margin-bottom:8px}.tsr-calculator .calc-subtitle{font-size:14px;color:var(--text-dim);margin-bottom:24px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calc-left{display:flex;flex-direction:column;gap:16px}.calc-select-wrap{position:relative}.calc-select-wrap select{width:100%;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;appearance:none;-webkit-appearance:none}.calc-select-wrap:after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.calc-results{display:flex;flex-direction:column;gap:12px}.calc-result-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-color);border-radius:8px}.calc-result-label{font-size:13px;color:var(--text-dim)}.calc-result-value{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace}.calc-total-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#22c55e1a,#4a8fe71a);border:1px solid rgba(34,197,94,.2);border-radius:8px}.calc-total-label{font-size:14px;font-weight:600;color:var(--text-bright)}.calc-total-value{font-size:24px;font-weight:800;color:var(--green);font-family:JetBrains Mono,monospace}.calc-right{display:flex;flex-direction:column;gap:16px}.calc-stacked-bar{height:48px;border-radius:8px;overflow:hidden;display:flex;position:relative}.calc-stacked-bar .bar-buyback{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;transition:width .4s ease;background:var(--accent-color)}.calc-stacked-bar .bar-dividend{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;transition:width .4s ease;background:var(--green)}.calc-bar-legend{display:flex;gap:16px;font-size:12px;color:var(--text-dim)}.calc-bar-legend span{display:flex;align-items:center;gap:6px}.calc-bar-legend .dot{width:10px;height:10px;border-radius:50%}.calc-projection{padding:16px;background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:8px;font-size:14px;color:var(--text-primary);line-height:1.6}.calc-projection strong{color:var(--yellow)}.calc-sp500{padding:16px;background:var(--bg-color);border-radius:8px}.calc-sp500-header{font-size:12px;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.calc-sp500-compare{display:flex;gap:12px;align-items:center}.calc-sp500-bar{flex:1;height:24px;background:#4a8fe714;border-radius:4px;overflow:hidden}.calc-sp500-bar .fill{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:8px;font-size:11px;font-weight:600;color:#fff;font-family:JetBrains Mono,monospace;transition:width .4s ease}.calc-sp500-label{font-size:12px;color:var(--text-dim);width:80px;text-align:right;flex-shrink:0}.scatter-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.scatter-section h2{font-size:20px;color:var(--text-bright);margin-bottom:8px}.scatter-section .scatter-subtitle{font-size:14px;color:var(--text-dim);margin-bottom:24px}.scatter-canvas-wrap{position:relative;width:100%;max-width:800px;margin:0 auto}.scatter-canvas-wrap canvas{width:100%!important;height:auto!important}.quadrant-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;max-width:600px;margin-left:auto;margin-right:auto}.quadrant-label{padding:8px 12px;border-radius:6px;font-size:12px;text-align:center}.ql-tl{background:#4a8fe71a;color:var(--accent-color)}.ql-tr{background:#22c55e1a;color:var(--green)}.ql-bl{background:#94a3b81a;color:var(--text-dim)}.ql-br{background:#eab3081a;color:var(--yellow)}.insights-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin:40px 0}.insights-section h2{font-size:20px;color:var(--text-bright);margin-bottom:24px}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.insight-card{padding:20px;background:var(--bg-color);border-radius:10px;border-left:3px solid var(--accent-color)}.insight-card .insight-icon{font-size:24px;margin-bottom:8px}.insight-card .insight-stat{font-size:22px;font-weight:800;color:var(--text-bright);font-family:JetBrains Mono,monospace;margin-bottom:4px}.insight-card .insight-text{font-size:13px;color:var(--text-dim);line-height:1.5}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.bar-company{display:none}.bar-label{width:60px;font-size:11px}.sector-name{width:120px;font-size:12px}.sector-count{display:none}.hero h1{font-size:24px}.hero .subtitle{font-size:15px}.filters{flex-direction:column;align-items:stretch}.calc-grid,.quadrant-labels,.insight-cards{grid-template-columns:1fr}}
