.section-tracker{position:fixed;right:2rem;top:50%;transform:translateY(-50%) translate(100px);z-index:1;opacity:0;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease}.section-tracker.visible{transform:translateY(-50%) translate(0);opacity:1}.section-tracker-inner{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1rem;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-base);box-shadow:0 8px 32px #0006,0 0 0 1px #00d6cb0d inset}.tracker-dot{position:relative;display:flex;align-items:center;justify-content:center;width:12px;height:12px;padding:0;background:none;border:none;cursor:pointer;transition:all .3s ease}.dot-inner{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.tracker-dot:hover .dot-inner{background:#00d6cb66;border-color:#00d6cb99;transform:scale(1.3);box-shadow:0 0 12px #00d6cb66}.tracker-dot.active .dot-inner{width:12px;height:12px;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 16px #00d6cb99,0 0 4px #00d6cbcc;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dot-label{position:absolute;right:100%;margin-right:1rem;padding:.5rem 1rem;background:#000000e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,214,203,.3);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(10px);transition:all .3s ease;box-shadow:0 4px 12px #00000080}.tracker-dot:hover .dot-label{opacity:1;transform:translate(0)}.tracker-dot:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:1px;height:1rem;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)}.tracker-dot:last-child:before{display:none}.tracker-dot.active:before{background:linear-gradient(to bottom,rgba(0,214,203,.4),transparent)}@media(max-width:1024px){.section-tracker{display:none}}