.topnav,.menu{position:relative;isolation:isolate;gap:4px;padding:6px;border-radius:18px;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.topnav .nav-link,.menu a{position:relative;z-index:1;padding:12px 16px;border:0;border-radius:12px;white-space:nowrap;font-weight:700;transition:color .22s;color:#53535d}
.topnav .nav-link.active,.menu a.active,.topnav .nav-link.active:hover,.menu a.active:hover{color:#fff!important;border:0;background:transparent}
.nav-indicator{position:absolute;left:0;top:0;background:#111;width:0;height:0;border-radius:12px;pointer-events:none;z-index:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s,height .28s}
.topbar{height:auto;min-height:84px;gap:20px;padding-top:12px;padding-bottom:12px}.logo-label{max-width:150px;line-height:1.5;letter-spacing:1px}.nav-link.back-link{border:0}.float-card strong{font-size:30px;letter-spacing:-1px}.float-kicker{letter-spacing:1px}.hero-pill{font-size:11px}.menu{min-width:0}.nav{min-width:0}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.topnav{width:100%;justify-content:flex-start}.topnav .nav-link{flex:0 0 auto}.site-header .nav{flex-wrap:wrap;padding-top:12px;gap:8px}.menu{width:100%}}
@media(max-width:600px){.topbar{padding-left:16px;padding-right:16px}.topnav .nav-link{font-size:12px;padding:12px}.hero-copy{padding-top:40px}.hero-art{overflow:hidden}.float-card{width:195px}.float-card strong{font-size:27px}.canvas-hint{max-width:130px}.logo-label{max-width:200px}.crm-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}