:root{--color-primary:#4c809e;--color-primary-hover:#5a93b3;--color-tracker:#d79a00;--color-tracker-hover:#e5ad1a;--color-secondary:#d6a058;--color-bg:#0f1117;--color-surface:#1a1d27;--color-text:#e8e8e8;--color-text-muted:#9ca3af;--max-width:1100px;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{z-index:100;backdrop-filter:blur(12px);background:#0f1117d9;border-bottom:1px solid #ffffff0f;position:sticky;top:0}nav{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.5rem;display:flex;position:relative}.logo{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.logo img{border-radius:6px}.logo strong{color:var(--color-text)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links>a{color:var(--color-text-muted);transition:color .2s}.nav-links>a:hover{color:var(--color-text)}.nav-github{align-items:center;display:flex}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:1rem;transition:color .2s;display:flex}.nav-dropdown-trigger:hover{color:var(--color-text)}.nav-dropdown-trigger svg{transition:transform .2s}.nav-dropdown-menu{background:var(--color-surface);border-radius:var(--radius);opacity:0;pointer-events:none;border:1px solid #ffffff1a;min-width:250px;padding:.5rem;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 8px 32px #0006}.nav-dropdown-menu:before{content:"";height:.75rem;position:absolute;top:-.75rem;left:0;right:0}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu a{border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s;display:flex}.nav-dropdown-menu a:hover{background:#ffffff0d}.nav-dropdown-menu a strong{color:var(--color-text);font-size:.95rem}.product-name strong{font-weight:700}.dropdown-logo{border-radius:6px;flex-shrink:0}.nav-dropdown-menu a span{color:var(--color-text-muted);font-size:.8rem;display:block}.nav-dropdown-menu a span.product-name{color:var(--color-text);white-space:nowrap;font-size:.95rem;font-weight:400}.btn{border-radius:8px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{color:#fff;background:#5a93b3}.btn-tracker{background:var(--color-tracker);color:#000}.btn-tracker:hover{background:var(--color-tracker-hover);color:#000}.btn-secondary{color:var(--color-text);background:0 0;border:1px solid #ffffff26}.btn-secondary:hover{border-color:#ffffff4d}.btn-large{padding:.85rem 2rem;font-size:1.05rem}main{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}footer{max-width:var(--max-width);border-top:1px solid #ffffff0f;margin-top:6rem;margin-left:auto;margin-right:auto;padding:3rem 1.5rem 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;display:grid}.footer-brand p{color:var(--color-text-muted);margin-top:.5rem;font-size:.9rem}.footer-col{flex-direction:column;gap:.5rem;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.85rem}.footer-col a{color:var(--color-text-muted);font-size:.9rem;transition:color .2s}.footer-col a:hover{color:var(--color-text)}.footer-bottom{text-align:center;color:var(--color-text-muted);border-top:1px solid #ffffff0f;margin-top:2rem;padding-top:1.5rem;font-size:.85rem}.mobile-menu-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:none}.mobile-menu-toggle:hover{color:var(--color-text)}.mobile-menu{background:var(--color-surface);z-index:99;border-bottom:1px solid #ffffff14;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;display:none;position:fixed;top:57px;left:0;right:0;box-shadow:0 8px 32px #0006}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--color-text-muted);border-bottom:1px solid #ffffff0f;padding:.75rem 0;font-size:1rem;transition:color .2s}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{color:var(--color-text)}@media (width<=768px){.nav-links{gap:1rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (width<=480px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.footer-grid{grid-template-columns:1fr}}