
/* V5 shared brand styling and responsive navigation */
.unified-top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px max(24px,calc((100vw - 1180px)/2));background:#0a1428;border-bottom:1px solid #26384e;flex-wrap:wrap}
.unified-top .brand{display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none}
.unified-top .nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}
.unified-top .nav a{color:#c3d5e9;text-decoration:none;font-size:13px}
.unified-top .nav a:hover,.unified-top .nav a.dash-nav{color:#45dec1}
.unified-top .nav-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.unified-top select{background:#13243c;color:#eaf4ff;border:1px solid #34475d;border-radius:9px;padding:9px}
.unified-top .demo-pill{font-size:10px;padding:6px 10px}
.unified-top .btn{white-space:nowrap;text-decoration:none}
.hero-v3 .hero-athlete{left:32%;width:38%;opacity:.7;background-size:cover;background-position:center 30%;mask-image:linear-gradient(to right,transparent,black 28%,black 65%,transparent)}
.hero-v3 .dashboard{max-width:500px}
.dash-intro .dash-hero-img{width:290px;height:145px;object-fit:cover;object-position:center 42%}
@media(max-width:900px){.unified-top .nav{order:3;width:100%;justify-content:center}.unified-top{padding:14px 20px}.hero-v3 .hero-athlete{opacity:.28}}
@media(max-width:600px){.unified-top .nav{gap:12px}.unified-top .nav a{font-size:11px}.unified-top .nav-right{gap:7px}.unified-top .demo-pill{display:none}.unified-top .brand{font-size:15px}.dash-intro .dash-hero-img{display:none}}
