.toci-hero{min-height:80vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;color:#fff}
.toci-content{width:100%;max-width:1100px;text-align:center}
.toci-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:1rem 0}
.toci-grid span{background:#fff2;padding:10px;border-radius:6px;cursor:pointer}
.toci-grid .active{background:#fff;color:#000}
.toci-progress{height:6px;background:#fff2}
.toci-progress-bar{height:100%;width:10%;background:#fff;transition:.3s}
.toci-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-top:1rem}
.toci-card{height:230px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer}
.toci-card-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.toci-card-content{position:absolute;bottom:0;padding:10px}
.toci-modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center}
.toci-modal.active{display:flex}
.toci-modal-inner{background:#111;padding:20px;border-radius:12px;max-width:600px;width:90%}
#toci-graph-container{margin-top:15px}
#cy{width:100%;height:400px;background:#000;border-radius:8px}