:root{--cp-teal:#0f766e;--cp-teal-dark:#0b5f59;--cp-teal-soft:#ecf8f6;--cp-navy:#14243a;--cp-slate:#475569;--cp-muted:#64748b;--cp-line:#d9e3e8;--cp-surface:#fff;--cp-danger:#b4233b}.cp-shell{max-width:76rem;margin:auto;padding:clamp(1rem,3vw,2.5rem);color:var(--cp-navy)}.cp-hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid #cbdde0;border-radius:1.4rem;background:#f6fafb;box-shadow:0 14px 34px rgba(20,36,58,.06)}.cp-hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;margin:.35rem 0 .6rem;color:var(--cp-navy)}.cp-hero p{max-width:48rem;color:var(--cp-slate);margin:0}.cp-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--cp-teal)!important}.cp-filters{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin}.cp-filters a{white-space:nowrap;padding:.6rem .95rem;border:1px solid var(--cp-line);border-radius:.7rem;color:#234158!important;background:#fff;text-decoration:none;font-weight:700;transition:.16s ease}.cp-filters a:hover{border-color:#7aa6a3;background:#f5faf9}.cp-filters a.is-active{background:var(--cp-navy)!important;color:#fff!important;border-color:var(--cp-navy)}.cp-filter-divider{width:1px;height:1.8rem;background:var(--cp-line);flex:0 0 1px;margin:0 .2rem}.cp-search{border:1px solid var(--cp-line);border-radius:1rem;background:#fff;padding:1rem;margin-bottom:1rem}.cp-search label{display:block;font-size:.78rem;font-weight:800;color:var(--cp-slate);margin:0 0 .45rem}.cp-search>div{display:grid;grid-template-columns:1fr auto;gap:.6rem}.cp-search input{min-width:0;border:1px solid #cbd5df;border-radius:.7rem;padding:.72rem .85rem;color:var(--cp-navy);outline:none}.cp-search input:focus{border-color:var(--cp-teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.cp-card{border:1px solid var(--cp-line);border-radius:1.15rem;background:var(--cp-surface);box-shadow:0 12px 30px rgba(20,36,58,.06);overflow:hidden}.cp-demo-note{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;background:#eef6f7;border-bottom:1px solid #d5e7e7;color:#385468;font-size:.85rem}.cp-demo-note strong{padding:.25rem .55rem;border-radius:.35rem;background:var(--cp-navy);color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.cp-table-wrap{overflow-x:auto}.cp-table{width:100%;border-collapse:collapse}.cp-table th,.cp-table td{text-align:left;padding:1rem 1.1rem;border-bottom:1px solid #e9eff2}.cp-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cp-muted);background:#fbfcfd}.cp-table tbody tr:last-child td{border-bottom:0}.cp-table tbody tr:hover{background:#f8fbfb}.cp-table tr.is-current{background:var(--cp-teal-soft)}.cp-rank{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;background:#edf2f5;color:#3b5266;font-weight:900}.cp-rank--1{background:var(--cp-navy);color:#fff}.cp-rank--2{background:#286c78;color:#fff}.cp-rank--3{background:#568a91;color:#fff}.cp-up{color:var(--cp-teal);font-weight:800}.cp-down{color:var(--cp-danger);font-weight:800}.cp-flat{color:var(--cp-muted)}.cp-empty{text-align:center;padding:3rem 1rem}.cp-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:.72rem 1.05rem!important;border:1px solid var(--cp-teal)!important;border-radius:.7rem!important;background:var(--cp-teal)!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;line-height:1.2;cursor:pointer}.cp-btn:hover{background:var(--cp-teal-dark)!important;border-color:var(--cp-teal-dark)!important}.cp-btn--secondary{background:#fff!important;color:var(--cp-navy)!important;border-color:#bdcbd3!important}.cp-btn--secondary:hover{background:#edf4f5!important;color:var(--cp-navy)!important}.cp-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.25rem;color:var(--cp-muted)}.cp-pagination a{color:var(--cp-teal);font-weight:800}@media(max-width:640px){.cp-hero{align-items:start;flex-direction:column}.cp-filter-divider{display:none}.cp-demo-note{align-items:flex-start;flex-direction:column}.cp-table th:nth-child(4),.cp-table td:nth-child(4),.cp-table th:nth-child(6),.cp-table td:nth-child(6){display:none}}