/* The supplied artwork is preserved byte-for-byte. Viewports display the actual
   symbol/lockup from that file rather than redrawing or regenerating the logo. */
:root{--brand-cyan:#08dce9;--brand-blue:#3769ff;--brand-violet:#a52bfa}
.brand-symbol{display:inline-block;flex-shrink:0;width:36px;height:33px;border-radius:7px;background-color:#020316;background-image:url('../images/devtrack-brand-original.png');background-repeat:no-repeat;background-size:457.142857% 341.2%;background-position:14.5% 49.751244%}
.brand-mark{width:36px;height:33px;background:transparent;border-radius:0;box-shadow:none}
.brand-mark .brand-symbol{width:100%;height:100%}
.brand-wordmark{display:inline-block;white-space:nowrap;color:var(--text);letter-spacing:-.055em;font-weight:700}
.brand-wordmark>span{background:linear-gradient(100deg,var(--brand-cyan),var(--brand-blue) 48%,var(--brand-violet));background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-dot{display:none}
.brand{gap:10px;letter-spacing:0}
.sidebar>.brand{font-size:25px}
.sidebar-collapsed .sidebar>.brand{padding-left:5px}
.brand-lockup{width:min(560px,100%);aspect-ratio:3.96;margin:0 auto 30px;background:#020316 url('../images/devtrack-brand-original.png') no-repeat 50% 49.751244%/129.292929% 341.2%;border:1px solid rgba(99,102,241,.12);border-radius:16px;box-shadow:0 12px 70px #4651ff0a}
.hero{padding-top:44px}
.hero>h1{margin-top:23px}
.brand-tagline{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
.preview-sidebar .brand-symbol{width:25px;height:23px}
.preview-sidebar .brand-wordmark{font-size:16px}
.marketing-footer .brand-symbol{width:28px;height:26px}
.orbit-center{background:#020316;border-color:#7154ec44}
.orbit-center .brand-symbol{width:66px;height:60px;border-radius:10px}
.auth-story>.brand{font-size:27px}
.auth-story>.brand .brand-symbol{width:40px;height:36px}
.public-nav .brand-symbol{width:31px;height:28px}
[data-theme=light] .brand-wordmark>span{background-image:linear-gradient(100deg,#05899e,#3453d8 45%,#8c20ce)}
[data-theme=light] .brand-lockup{border-color:#7770eb33;box-shadow:0 12px 35px #4246a31a}
@media(max-width:760px){.brand-lockup{width:min(440px,100%);margin-bottom:25px;border-radius:12px}.hero{padding-top:28px}.marketing-nav .brand{gap:7px}.marketing-nav .brand-symbol,.marketing-nav .brand-mark{width:29px;height:27px}.marketing-nav .brand-wordmark{font-size:21px}.auth-story .brand-tagline{font-size:9px}}
@media(max-width:440px){.brand-lockup{border-radius:10px}.marketing-nav .brand-wordmark{font-size:19px}.marketing-nav .brand-mark,.marketing-nav .brand-symbol{width:27px;height:25px}.brand-tagline{font-size:8px;letter-spacing:.12em}.public-nav .brand-symbol{width:26px;height:24px}}